三方配置
This commit is contained in:
gaoyuanwei
parent
0243ef1e08
commit
f1b5f9ee57
|
|
@ -1,32 +1,23 @@
|
||||||
/*
|
/*
|
||||||
* @Author: hisense.wuhongjian
|
* @Author: hisense.wuhongjian
|
||||||
* @Date: 2020-07-07 16:03:23
|
* @Date: 2020-07-07 16:03:23
|
||||||
* @LastEditors: hisense.liangjunhua
|
* @LastEditors: hisense.wuhongjian
|
||||||
* @LastEditTime: 2022-06-21 16:58:56
|
* @LastEditTime: 2022-04-01 10:51:45
|
||||||
* @Description: 数据资源参数配置
|
* @Description: 数据资源参数配置
|
||||||
*/
|
*/
|
||||||
const newLocation = 'qingdao'
|
// const newLocation = 'qingdao'
|
||||||
// const newLocation = 'baotou'
|
// const newLocation = 'baotou'
|
||||||
// const newLocation = 'xihaian'
|
const newLocation = 'xihaian'
|
||||||
|
|
||||||
// 数据资源数据
|
// 数据资源数据
|
||||||
|
const whoShow = {}
|
||||||
const launchedDataNumObject = {}
|
const launchedDataNumObject = {}
|
||||||
// 导航数据
|
// 导航数据
|
||||||
const navListManagement = {}
|
const navListManagement = {}
|
||||||
// qingdao
|
// qingdao
|
||||||
if (newLocation === 'qingdao') {
|
if (newLocation === 'qingdao') {
|
||||||
// 数据资源数据
|
// 数据资源数据
|
||||||
launchedDataNumObject.launchedDataNum = [
|
whoShow.itShowQingDao = true
|
||||||
{
|
|
||||||
num: 10374,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
num: 1080,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
num: 976,
|
|
||||||
},
|
|
||||||
]
|
|
||||||
// 导航数据
|
// 导航数据
|
||||||
navListManagement.navList = [
|
navListManagement.navList = [
|
||||||
{ name: '共享门户', key: 'home' },
|
{ name: '共享门户', key: 'home' },
|
||||||
|
|
@ -44,34 +35,7 @@ if (newLocation === 'qingdao') {
|
||||||
// baotou
|
// baotou
|
||||||
else if (newLocation === 'baotou') {
|
else if (newLocation === 'baotou') {
|
||||||
// 数据资源数据
|
// 数据资源数据
|
||||||
launchedDataNumObject.launchedDataNum = [
|
whoShow.itShowBaoTou = true
|
||||||
{
|
|
||||||
num: 10373,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
num: 1080,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
num: 976,
|
|
||||||
},
|
|
||||||
]
|
|
||||||
// 导航数据
|
|
||||||
navListManagement.navList = [
|
|
||||||
{ name: '共享门户', key: 'home' },
|
|
||||||
{ name: '能力集市', key: 'DetailsPageconetent' },
|
|
||||||
{ name: '能力云图', key: 'capabilityCloud' },
|
|
||||||
{ name: '能力统计', key: 'abilityStatistics' },
|
|
||||||
{ name: '开发指南', key: 'developmentGuide' },
|
|
||||||
{ name: '需求中心', key: 'demandCenter' },
|
|
||||||
// { name: '个人中心', key: 'personalCenter' },
|
|
||||||
// { name: '区市站点', key: 'mapTest' },
|
|
||||||
// { name: '后台管理', key: 'houtaiguanli' },
|
|
||||||
{ name: '赋能案例', key: 'assignCase' },
|
|
||||||
]
|
|
||||||
}
|
|
||||||
// xihaian
|
|
||||||
else if (newLocation === 'xihaian') {
|
|
||||||
// 数据资源数据
|
|
||||||
launchedDataNumObject.launchedDataNum = [
|
launchedDataNumObject.launchedDataNum = [
|
||||||
{
|
{
|
||||||
num: 10372,
|
num: 10372,
|
||||||
|
|
@ -97,3 +61,21 @@ else if (newLocation === 'xihaian') {
|
||||||
{ name: '赋能案例', key: 'assignCase' },
|
{ name: '赋能案例', key: 'assignCase' },
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
// xihaian
|
||||||
|
else if (newLocation === 'xihaian') {
|
||||||
|
// 数据资源数据
|
||||||
|
whoShow.itShowXiHaiAn = true
|
||||||
|
// 导航数据
|
||||||
|
navListManagement.navList = [
|
||||||
|
{ name: '共享门户', key: 'home' },
|
||||||
|
{ name: '能力集市', key: 'DetailsPageconetent' },
|
||||||
|
{ name: '能力云图', key: 'capabilityCloud' },
|
||||||
|
{ name: '能力统计', key: 'abilityStatistics' },
|
||||||
|
{ name: '开发指南', key: 'developmentGuide' },
|
||||||
|
{ name: '需求中心', key: 'demandCenter' },
|
||||||
|
// { name: '个人中心', key: 'personalCenter' },
|
||||||
|
// { name: '区市站点', key: 'mapTest' },
|
||||||
|
// { name: '后台管理', key: 'houtaiguanli' },
|
||||||
|
{ name: '赋能案例', key: 'assignCase' },
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,713 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="details-pageconetent">
|
<!-- 青岛 -->
|
||||||
|
|
||||||
|
<div class="details-pageconetent" v-if="whoShow1 && whoShow1.itShowQingDao">
|
||||||
|
<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="{
|
||||||
|
backgroundImage: `url(${item.photo}) `,
|
||||||
|
backgroundSize: 'cover',
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-show="Cardsname !== '基础设施' && 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"
|
||||||
|
/>
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
<div class="hengxian"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-content-father" :key="listKey">
|
||||||
|
<template
|
||||||
|
v-if="
|
||||||
|
Cardsname == '组件服务' ||
|
||||||
|
Cardsname == '应用资源' ||
|
||||||
|
Cardsname == ''
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="top-content-son">
|
||||||
|
<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="
|
||||||
|
item.selectedTags &&
|
||||||
|
item.selectedTags.indexOf(item2.dict_label) !== -1
|
||||||
|
"
|
||||||
|
@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>
|
||||||
|
</div>
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title">共享条件</span>
|
||||||
|
<div class="leixingsumfather">
|
||||||
|
<div class="leixingsum">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="tagFlag == '申请'"
|
||||||
|
@change="() => chagneTag('申请')"
|
||||||
|
>
|
||||||
|
申请
|
||||||
|
</a-checkable-tag>
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="tagFlag == '免批申请'"
|
||||||
|
@change="() => chagneTag('免批申请')"
|
||||||
|
>
|
||||||
|
免批申请
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<searchResultList
|
||||||
|
v-show="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
||||||
|
:key="listKey2"
|
||||||
|
:resourceList="resourceList"
|
||||||
|
:resourceTotal="resourceTotal"
|
||||||
|
:select-cardsname="Cardsname"
|
||||||
|
/>
|
||||||
|
<div class="pagination">
|
||||||
|
<a-pagination
|
||||||
|
v-if="resourceList.data?.length > 0 && Cardsname !== '基础设施'"
|
||||||
|
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="jichusheshi" v-if="Cardsname == '基础设施'">
|
||||||
|
<!-- <div class="yunziyuan">
|
||||||
|
<div class="yunziyuan-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
||||||
|
青岛市云资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fenlei">
|
||||||
|
<div>可用资源情况</div>
|
||||||
|
<div>更新时间：2020-10-29</div>
|
||||||
|
</div>
|
||||||
|
<div class="keyongziyuan">
|
||||||
|
<div v-for="item in keyongziyuanqingkaung" :key="item">
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div>{{ item.value }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shuoming">
|
||||||
|
说明：政务云资源目前通过青岛市云资源管理平台进行申请
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<!-- <div class="shipin">
|
||||||
|
<div class="shipin-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div
|
||||||
|
class="title"
|
||||||
|
@click="dianjitiaozhaun('青岛市视频资源管理平台')"
|
||||||
|
>
|
||||||
|
青岛市视频资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fenlei">
|
||||||
|
<div>
|
||||||
|
视频总数：
|
||||||
|
<span class="shuzi">23</span>
|
||||||
|
万路
|
||||||
|
</div>
|
||||||
|
<div>更新时间：2022-05-06</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-content-father">
|
||||||
|
<div class="top-content-son">
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title" :style="{ marginRight: '.08rem' }">
|
||||||
|
标签
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
class="leixingsumfather leixingsumfather2"
|
||||||
|
style="height: unset"
|
||||||
|
>
|
||||||
|
<div class="leixingsum" v-for="tag in bqTags" :key="tag">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="selBqTags.indexOf(tag) > -1"
|
||||||
|
@change="(checked) => handleChangeBqTags(tag, checked)"
|
||||||
|
style="width: 1rem"
|
||||||
|
>
|
||||||
|
{{ tag }}
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title" :style="{ marginRight: '.08rem' }">
|
||||||
|
在线状态
|
||||||
|
</span>
|
||||||
|
<div class="leixingsumfather leixingsumfather2">
|
||||||
|
<div class="leixingsum" v-for="tag in stateTags" :key="tag">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="selStateTags.indexOf(tag) > -1"
|
||||||
|
@change="(checked) => handleChangeStateTag(tag, checked)"
|
||||||
|
style="width: 1rem"
|
||||||
|
>
|
||||||
|
{{ tag }}
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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="itemList" style="margin-top: .2rem">
|
||||||
|
<a-card :loading="loading">
|
||||||
|
<a-card-grid
|
||||||
|
style="width: 20%; text-align: center"
|
||||||
|
v-for="item in videoList.data"
|
||||||
|
:key="item.id"
|
||||||
|
>
|
||||||
|
<a-tooltip placement="topLeft">
|
||||||
|
<template #title>
|
||||||
|
<span>
|
||||||
|
{{ item.name }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<video-camera-outlined />
|
||||||
|
{{ item.name }}
|
||||||
|
</a-tooltip>
|
||||||
|
</a-card-grid>
|
||||||
|
</a-card>
|
||||||
|
<a-pagination
|
||||||
|
v-model:current="currentPage"
|
||||||
|
pageSize="20"
|
||||||
|
:total="resourceTotal"
|
||||||
|
show-less-items
|
||||||
|
@change="pageChange"
|
||||||
|
hideOnSinglePage
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<VideoSurveillance></VideoSurveillance>
|
||||||
|
</div>
|
||||||
|
<div class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
||||||
|
<div class="yunziyuan">
|
||||||
|
<div class="yunziyuan-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div
|
||||||
|
class="title"
|
||||||
|
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
||||||
|
>
|
||||||
|
青岛市政务资源管理平台{{ dataShowdev }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="keyongziyuan">
|
||||||
|
<div v-for="item in shujuziyuanqingkuang" :key="item">
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div>{{ item.value }}</div>
|
||||||
|
{{ item.danwei }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shuoming">
|
||||||
|
说明：数据资源目前通过青岛市政务信息网进行申请
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
|
||||||
|
<a-empty
|
||||||
|
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="top" v-else-if="Cardsname == '数据资源' && dataShowbt">
|
||||||
|
<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="{
|
||||||
|
backgroundImage: `url(${item.photo}) `,
|
||||||
|
backgroundSize: 'cover',
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<details-page-resource></details-page-resource>
|
||||||
|
</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="{
|
||||||
|
backgroundImage: `url(${item.photo}) `,
|
||||||
|
backgroundSize: 'cover',
|
||||||
|
}"
|
||||||
|
></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"
|
||||||
|
/>
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<KnowledgeBase
|
||||||
|
:resourceList="resourceList"
|
||||||
|
:resourceTotal="resourceTotal"
|
||||||
|
></KnowledgeBase>
|
||||||
|
</div>
|
||||||
|
<div class="talk-monitor" @click="openMonitor">
|
||||||
|
<a-tooltip>
|
||||||
|
<template #title>问答机器人</template>
|
||||||
|
<i></i>
|
||||||
|
</a-tooltip>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 西海岸 -->
|
||||||
|
<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="{
|
||||||
|
backgroundImage: `url(${item.photo}) `,
|
||||||
|
}"
|
||||||
|
></span>
|
||||||
|
<span>{{ item.name }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- v-show="Cardsname !== '基础设施'" -->
|
||||||
|
<!-- 搜索框 -->
|
||||||
|
<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"
|
||||||
|
/>
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
<div class="hengxian"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 分类 -->
|
||||||
|
<div class="top-content-father" :key="listKey">
|
||||||
|
<template
|
||||||
|
v-if="
|
||||||
|
Cardsname == '组件服务' ||
|
||||||
|
Cardsname == '应用资源' ||
|
||||||
|
Cardsname == ''
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="top-content-son">
|
||||||
|
<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="
|
||||||
|
item.selectedTags &&
|
||||||
|
item.selectedTags.indexOf(item2.dict_label) !== -1
|
||||||
|
"
|
||||||
|
@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>
|
||||||
|
</div>
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title">共享条件</span>
|
||||||
|
<div class="leixingsumfather">
|
||||||
|
<div class="leixingsum">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="tagFlag == '申请'"
|
||||||
|
@change="() => chagneTag('申请')"
|
||||||
|
>
|
||||||
|
申请
|
||||||
|
</a-checkable-tag>
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="tagFlag == '免批申请'"
|
||||||
|
@change="() => chagneTag('免批申请')"
|
||||||
|
>
|
||||||
|
免批申请
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<!-- 中心内容 -->
|
||||||
|
<searchResultList
|
||||||
|
v-show="resourceList.data?.length > 0"
|
||||||
|
:key="listKey2"
|
||||||
|
:resourceList="resourceList"
|
||||||
|
:resourceTotal="resourceTotal"
|
||||||
|
:select-cardsname="Cardsname"
|
||||||
|
/>
|
||||||
|
<!-- 分页 -->
|
||||||
|
<div class="pagination">
|
||||||
|
<a-pagination
|
||||||
|
v-if="
|
||||||
|
resourceList.data?.length > 0 &&
|
||||||
|
Cardsname != '基础设施' &&
|
||||||
|
Cardsname != '数据资源'
|
||||||
|
"
|
||||||
|
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-else
|
||||||
|
v-model:current="currentPage"
|
||||||
|
v-model:pageSize="currentPageSize"
|
||||||
|
show-size-changer
|
||||||
|
show-less-items
|
||||||
|
show-quick-jumper
|
||||||
|
:total="resourceTotal"
|
||||||
|
:page-size-options="pageSizeOptions"
|
||||||
|
@change="pageChangeOther"
|
||||||
|
@showSizeChange="onShowSizeChangeOther"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="jichusheshi" v-if="Cardsname == '基础设施'">
|
||||||
|
<div class="yunziyuan">
|
||||||
|
<div class="yunziyuan-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div class="title" @click="dianjitiaozhaun('青岛市云资源管理平台')">
|
||||||
|
青岛市云资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fenlei">
|
||||||
|
<div>可用资源情况</div>
|
||||||
|
<div>更新时间：2020-10-29</div>
|
||||||
|
</div>
|
||||||
|
<div class="keyongziyuan">
|
||||||
|
<div v-for="item in keyongziyuanqingkaung" :key="item">
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div>{{ item.value }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shuoming">
|
||||||
|
说明：政务云资源目前通过青岛市云资源管理平台进行申请
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shipin">
|
||||||
|
<div class="shipin-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div
|
||||||
|
class="title"
|
||||||
|
@click="dianjitiaozhaun('青岛市视频资源管理平台')"
|
||||||
|
>
|
||||||
|
青岛市视频资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fenlei">
|
||||||
|
<div>
|
||||||
|
视频总数：
|
||||||
|
<span class="shuzi">23</span>
|
||||||
|
万路
|
||||||
|
</div>
|
||||||
|
<div>更新时间：2022-05-06</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-content-father">
|
||||||
|
<div class="top-content-son">
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title" :style="{ marginRight: '8px' }">
|
||||||
|
标签
|
||||||
|
</span>
|
||||||
|
<div
|
||||||
|
class="leixingsumfather leixingsumfather2"
|
||||||
|
style="height: unset"
|
||||||
|
>
|
||||||
|
<div class="leixingsum" v-for="tag in bqTags" :key="tag">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="selBqTags.indexOf(tag) > -1"
|
||||||
|
@change="(checked) => handleChangeBqTags(tag, checked)"
|
||||||
|
style="width: 100px"
|
||||||
|
>
|
||||||
|
{{ tag }}
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="top-content">
|
||||||
|
<span class="top-content-title" :style="{ marginRight: '8px' }">
|
||||||
|
在线状态
|
||||||
|
</span>
|
||||||
|
<div class="leixingsumfather leixingsumfather2">
|
||||||
|
<div class="leixingsum" v-for="tag in stateTags" :key="tag">
|
||||||
|
<a-checkable-tag
|
||||||
|
:checked="selStateTags.indexOf(tag) > -1"
|
||||||
|
@change="(checked) => handleChangeStateTag(tag, checked)"
|
||||||
|
style="width: 100px"
|
||||||
|
>
|
||||||
|
{{ tag }}
|
||||||
|
</a-checkable-tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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="itemList" style="margin-top: 20px">
|
||||||
|
<a-card :loading="loading">
|
||||||
|
<a-card-grid
|
||||||
|
style="width: 20%; text-align: center"
|
||||||
|
v-for="item in videoList.data"
|
||||||
|
:key="item.id"
|
||||||
|
>
|
||||||
|
<a-tooltip placement="topLeft">
|
||||||
|
<template #title>
|
||||||
|
<span>
|
||||||
|
{{ item.name }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<video-camera-outlined />
|
||||||
|
{{ item.name }}
|
||||||
|
</a-tooltip>
|
||||||
|
</a-card-grid>
|
||||||
|
</a-card>
|
||||||
|
<a-pagination
|
||||||
|
v-model:current="currentPage"
|
||||||
|
pageSize="20"
|
||||||
|
:total="resourceTotal"
|
||||||
|
show-less-items
|
||||||
|
@change="pageChange"
|
||||||
|
hideOnSinglePage
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<VideoSurveillance></VideoSurveillance>
|
||||||
|
</div> -->
|
||||||
|
<!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
|
||||||
|
<div class="yunziyuan">
|
||||||
|
<div class="yunziyuan-title">
|
||||||
|
<div class="tupian"></div>
|
||||||
|
<div
|
||||||
|
class="title"
|
||||||
|
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
||||||
|
>
|
||||||
|
青岛市政务资源管理平台
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="keyongziyuan">
|
||||||
|
<div v-for="item in shujuziyuanqingkuang" :key="item">
|
||||||
|
<div>{{ item.name }}</div>
|
||||||
|
<div>{{ item.value }}</div>
|
||||||
|
{{ item.danwei }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="shuoming">
|
||||||
|
说明：数据资源目前通过青岛市政务信息网进行申请
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
<div v-if="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="{
|
||||||
|
backgroundImage: `url(${item.photo}) `,
|
||||||
|
}"
|
||||||
|
></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"
|
||||||
|
/>
|
||||||
|
<button class="button-reset" @click="chongzhi()">重置</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<KnowledgeBase
|
||||||
|
:resourceList="resourceList"
|
||||||
|
:resourceTotal="resourceTotal"
|
||||||
|
></KnowledgeBase>
|
||||||
|
</div>
|
||||||
|
<div class="talk-monitor" @click="openMonitor">
|
||||||
|
<a-tooltip>
|
||||||
|
<template #title>问答机器人</template>
|
||||||
|
<i></i>
|
||||||
|
</a-tooltip>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 包头 -->
|
||||||
|
<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 />
|
||||||
|
|
@ -257,7 +965,7 @@
|
||||||
</div> -->
|
</div> -->
|
||||||
<VideoSurveillance></VideoSurveillance>
|
<VideoSurveillance></VideoSurveillance>
|
||||||
</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>
|
||||||
|
|
@ -265,7 +973,7 @@
|
||||||
class="title"
|
class="title"
|
||||||
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
@click="dianjitiaozhaun('青岛市政务资源管理平台')"
|
||||||
>
|
>
|
||||||
青岛市政务资源管理平台
|
青岛市政务资源管理平台{{ dataShowdev }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="keyongziyuan">
|
<div class="keyongziyuan">
|
||||||
|
|
@ -279,7 +987,8 @@
|
||||||
说明：数据资源目前通过青岛市政务信息网进行申请
|
说明：数据资源目前通过青岛市政务信息网进行申请
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
|
-->
|
||||||
<div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
|
<div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
|
||||||
<a-empty
|
<a-empty
|
||||||
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
|
v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
|
||||||
|
|
@ -459,6 +1168,11 @@
|
||||||
value: '2022-05-06',
|
value: '2022-05-06',
|
||||||
},
|
},
|
||||||
])
|
])
|
||||||
|
// 西海岸数据资源页
|
||||||
|
// const dataShowbt = ref(whoShow.itshow)
|
||||||
|
// 青岛数据资源页
|
||||||
|
const whoShow1 = ref(whoShow)
|
||||||
|
console.log(whoShow, 'dataShowdev==========================>')
|
||||||
// 分页
|
// 分页
|
||||||
const loading = ref(true)
|
const loading = ref(true)
|
||||||
const currentPage = ref(1)
|
const currentPage = ref(1)
|
||||||
|
|
@ -960,6 +1674,7 @@
|
||||||
handleChangeBqTags,
|
handleChangeBqTags,
|
||||||
loading,
|
loading,
|
||||||
getShoppingCartList,
|
getShoppingCartList,
|
||||||
|
whoShow1,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue