From f1b5f9ee574e4917b89a166fc8c9181afa0a31dd Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Tue, 21 Jun 2022 18:26:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=89=E6=96=B9=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/static/config/location.js       |  68 +-
 front/src/views/home/DetailsPageconetent.vue | 723 ++++++++++++++++++-
 2 files changed, 744 insertions(+), 47 deletions(-)

diff --git a/front/public/static/config/location.js b/front/public/static/config/location.js
index 50aebc14..14710547 100644
--- a/front/public/static/config/location.js
+++ b/front/public/static/config/location.js
@@ -1,32 +1,23 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2020-07-07 16:03:23
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-21 16:58:56
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-04-01 10:51:45
  * @Description: 数据资源参数配置
  */
-const newLocation = 'qingdao'
+// const newLocation = 'qingdao'
 // const newLocation = 'baotou'
-// const newLocation = 'xihaian'
+const newLocation = 'xihaian'
 
 // 数据资源数据
+const whoShow = {}
 const launchedDataNumObject = {}
 // 导航数据
 const navListManagement = {}
 // qingdao
 if (newLocation === 'qingdao') {
   // 数据资源数据
-  launchedDataNumObject.launchedDataNum = [
-    {
-      num: 10374,
-    },
-    {
-      num: 1080,
-    },
-    {
-      num: 976,
-    },
-  ]
+  whoShow.itShowQingDao = true
   // 导航数据
   navListManagement.navList = [
     { name: '共享门户', key: 'home' },
@@ -44,34 +35,7 @@ if (newLocation === 'qingdao') {
 // baotou
 else if (newLocation === 'baotou') {
   // 数据资源数据
-  launchedDataNumObject.launchedDataNum = [
-    {
-      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') {
-  // 数据资源数据
+  whoShow.itShowBaoTou = true
   launchedDataNumObject.launchedDataNum = [
     {
       num: 10372,
@@ -97,3 +61,21 @@ else if (newLocation === 'xihaian') {
     { 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' },
+  ]
+}
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index fb3cb500..53389403 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1,5 +1,713 @@
 <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>
     <div class="details-pageconetent-left">
       <detailsPageconetentTree />
@@ -257,7 +965,7 @@
         </div> -->
         <VideoSurveillance></VideoSurveillance>
       </div>
-      <!-- <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
+      <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
         <div class="yunziyuan">
           <div class="yunziyuan-title">
             <div class="tupian"></div>
@@ -265,7 +973,7 @@
               class="title"
               @click="dianjitiaozhaun('青岛市政务资源管理平台')"
             >
-              青岛市政务资源管理平台
+              青岛市政务资源管理平台{{ dataShowdev }}
             </div>
           </div>
           <div class="keyongziyuan">
@@ -279,7 +987,8 @@
             说明：数据资源目前通过青岛市政务信息网进行申请
           </div>
         </div>
-      </div> -->
+      </div>
+      -->
       <div v-if="resourceList.data?.length <= 0" style="margin-top: 2rem">
         <a-empty
           v-if="!(Cardsname == '基础设施') && !(Cardsname == '数据资源')"
@@ -459,6 +1168,11 @@
           value: '2022-05-06',
         },
       ])
+      // 西海岸数据资源页
+      // const dataShowbt = ref(whoShow.itshow)
+      // 青岛数据资源页
+      const whoShow1 = ref(whoShow)
+      console.log(whoShow, 'dataShowdev==========================>')
       // 分页
       const loading = ref(true)
       const currentPage = ref(1)
@@ -960,6 +1674,7 @@
         handleChangeBqTags,
         loading,
         getShoppingCartList,
+        whoShow1,
       }
     },
     components: {