From 432ba890f65362c59a19b8bb56f2b9d9f937b6d8 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 26 Sep 2022 11:32:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E8=AE=BE=E6=96=BD=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/DetailsPageconetent.vue | 2304 ++++++++++--------
 front/src/views/home/infrastructurePage.vue  |  673 ++---
 2 files changed, 1681 insertions(+), 1296 deletions(-)

diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index c0069111..68271b96 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -12,32 +12,55 @@
       <div class="resultListSearchInput-father">
         <div class="resultListSearchInput-son">
           模糊搜索
-          <a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
-            @search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources2"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
           <button class="button-reset" @click="chongzhi()">重置</button>
-          <button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()">
+          <button
+            class="button-reset"
+            style="margin-left: 0.1rem"
+            @click="globalSearch()"
+          >
             全局搜索
           </button>
-          <button v-if="Cardsname == '应用资源'" class="button-reset" @click="applyAll()" style="margin-left: 0.1rem">
+          <button
+            v-if="Cardsname == '应用资源'"
+            class="button-reset"
+            @click="applyAll()"
+            style="margin-left: 0.1rem"
+          >
             全部申请
           </button>
           <div class="hengxian" style="background: transparent"></div>
         </div>
       </div>
       <div class="top-title">
-        <div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
-          @click="changeCards(item.name)">
-          <span class="photo" :style="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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 v-if="globalData.data.length > 0">
             {{
-            item.name +
-            '(' +
-            (globalData.data.filter((val) => val.type === item.name)[0]
-            .count || '0') +
-            ')'
+              item.name +
+              '(' +
+              (globalData.data.filter((val) => val.type === item.name)[0]
+                .count || '0') +
+              ')'
             }}
           </span>
           <span v-else>
@@ -46,45 +69,89 @@
         </div>
       </div>
       <div class="top-content-father" :key="listKey">
-        <template v-if="
-          Cardsname == '组件服务' ||
-          Cardsname == '应用资源' ||
-          Cardsname == ''
-        ">
+        <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="
-                    item.selectedTags &&
-                    item.selectedTags.indexOf(item2.dict_label) !== -1
-                  " @change="
-                    (checked) => handleChange(item2, checked, item.name)
-                  ">
+              <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
+                class="shrinkTag"
+                v-if="item.showShrink"
+                :key="item.shrinkFlag"
+              >
+                <up-outlined
+                  v-show="!item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+                <down-outlined
+                  v-show="item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
               </div>
             </div>
           </div>
         </template>
       </div>
-      <searchResultList v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList"
-        :key="listKey2" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
-        @saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
+      <searchResultList
+        v-show="resourceList.data && resourceList.data.length > 0"
+        :resourceList="resourceList"
+        :key="listKey2"
+        :resourceTotal="resourceTotal"
+        :select-cardsname="Cardsname"
+        @saveSearchCodition="saveSearchCodition"
+        ref="searchResultListDom"
+      />
       <div class="pagination">
-        <a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
-          v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal"
-          :page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" />
+        <a-pagination
+          v-if="resourceList.data && resourceList.data.length > 0"
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
       </div>
-      <div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
+      <div
+        v-if="resourceList.data && resourceList.data.length <= 0"
+        style="margin-top: 2rem"
+      >
         <a-empty />
       </div>
     </div>
@@ -92,29 +159,47 @@
       <div class="resultListSearchInput-father">
         <div class="resultListSearchInput-son">
           模糊搜索
-          <a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
-            @search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources2"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
           <button class="button-reset" @click="chongzhi()">重置</button>
-          <button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()">
+          <button
+            class="button-reset"
+            style="margin-left: 0.1rem"
+            @click="globalSearch()"
+          >
             全局搜索
           </button>
           <div class="hengxian" style="background: transparent"></div>
         </div>
       </div>
       <div class="top-title">
-        <div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
-          @click="changeCards(item.name)">
-          <span class="photo" :style="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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 v-if="globalData.data.length > 0">
             {{
-            item.name +
-            '(' +
-            (globalData.data.filter((val) => val.type === item.name)[0]
-            .count || '0') +
-            ')'
+              item.name +
+              '(' +
+              (globalData.data.filter((val) => val.type === item.name)[0]
+                .count || '0') +
+              ')'
             }}
           </span>
           <span v-else>
@@ -123,36 +208,58 @@
         </div>
       </div>
       <div class="top-content-father">
-        <infrastructurePage ref="camera" @add="handleAdd" :searchValue="searchValue" />
+        <infrastructurePage
+          ref="camera"
+          @add="handleAdd"
+          :searchValue="searchValue"
+        />
       </div>
     </div>
     <div class="top" v-else>
       <div class="resultListSearchInput-father">
         <div class="resultListSearchInput-son">
           模糊搜索
-          <a-input-search v-model:value="searchValue" placeholder="请输入关键词" enter-button="搜索" size="large"
-            @search="getAppResources2" @change="onSearch" class="resultListSearchInput" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources2"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
           <button class="button-reset" @click="chongzhi()">重置</button>
-          <button class="button-reset" style="margin-left: 0.1rem" @click="globalSearch()">
+          <button
+            class="button-reset"
+            style="margin-left: 0.1rem"
+            @click="globalSearch()"
+          >
             全局搜索
           </button>
           <div class="hengxian" style="background: transparent"></div>
         </div>
       </div>
       <div class="top-title">
-        <div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
-          @click="changeCards(item.name)">
-          <span class="photo" :style="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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 v-if="globalData.data.length > 0">
             {{
-            item.name +
-            '(' +
-            (globalData.data.filter((val) => val.type === item.name)[0]
-            .count || '0') +
-            ')'
+              item.name +
+              '(' +
+              (globalData.data.filter((val) => val.type === item.name)[0]
+                .count || '0') +
+              ')'
             }}
           </span>
           <span v-else>
@@ -160,7 +267,10 @@
           </span>
         </div>
       </div>
-      <KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
+      <KnowledgeBase
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+      ></KnowledgeBase>
     </div>
     <div class="talk-monitor" @click="openMonitor">
       <a-tooltip>
@@ -172,14 +282,21 @@
       <p></p>
       <p>能力广场</p>
       <ul v-show="visibleAbilitySquare">
-        <li v-for="item in abilitySquare" :key="item" @click="abilitySquareFunction(item)">
+        <li
+          v-for="item in abilitySquare"
+          :key="item"
+          @click="abilitySquareFunction(item)"
+        >
           {{ item }}
         </li>
       </ul>
     </div>
   </div>
   <!-- 西海岸 -->
-  <div class="details-pageconetent" v-else-if="whoShow1 && whoShow1.itShowXiHaiAn">
+  <div
+    class="details-pageconetent"
+    v-else-if="whoShow1 && whoShow1.itShowXiHaiAn"
+  >
     <home-header></home-header>
     <div class="details-pageconetent-left" v-if="Cardsname != '基础设施'">
       <detailsPageconetentTree />
@@ -189,75 +306,140 @@
     </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="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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">
         <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="
-          Cardsname == '组件服务' ||
-          Cardsname == '应用资源' ||
-          Cardsname == ''
-        ">
+        <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="
-                    item.selectedTags &&
-                    item.selectedTags.indexOf(item2.dict_label) !== -1
-                  " @change="
-                    (checked) => handleChange(item2, checked, item.name)
-                  ">
+              <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
+                class="shrinkTag"
+                v-if="item.showShrink"
+                :key="item.shrinkFlag"
+              >
+                <up-outlined
+                  v-show="!item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+                <down-outlined
+                  v-show="item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
               </div>
             </div>
           </div>
         </template>
       </div>
-      <searchResultList v-show="resourceList.data && resourceList.data.length > 0" :key="listKey2"
-        :resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
-        @saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
+      <searchResultList
+        v-show="resourceList.data && resourceList.data.length > 0"
+        :key="listKey2"
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+        :select-cardsname="Cardsname"
+        @saveSearchCodition="saveSearchCodition"
+        ref="searchResultListDom"
+      />
       <div class="pagination">
-        <a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
-          v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal"
-          :page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" />
+        <a-pagination
+          v-if="resourceList.data && resourceList.data.length > 0"
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
       </div>
-      <div v-if="resourceList.data && resourceList.data.length <= 0" style="margin-top: 2rem">
+      <div
+        v-if="resourceList.data && resourceList.data.length <= 0"
+        style="margin-top: 2rem"
+      >
         <a-empty />
       </div>
     </div>
     <div class="top" v-else-if="Cardsname === '基础设施'">
       <div class="top-title">
-        <div v-for="item in titleName" :key="item.name" :class="item.name === Cardsname ? 'sel' : ''"
-          @click="changeCards(item.name)">
-          <span class="photo" :style="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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>
@@ -267,24 +449,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="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
           <button class="button-reset" @click="chongzhi()">重置</button>
         </div>
       </div>
-      <KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
+      <KnowledgeBase
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+      ></KnowledgeBase>
     </div>
     <div class="talk-monitor" @click="openMonitor">
       <a-tooltip>
@@ -294,75 +493,139 @@
     </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="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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 !== '数据资源'" 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="
-          Cardsname == '组件服务' ||
-          Cardsname == '应用资源' ||
-          Cardsname == ''
-        ">
+        <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="
-                    item.selectedTags &&
-                    item.selectedTags.indexOf(item2.dict_label) !== -1
-                  " @change="
-                    (checked) => handleChange(item2, checked, item.name)
-                  ">
+              <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
+                class="shrinkTag"
+                v-if="item.showShrink"
+                :key="item.shrinkFlag"
+              >
+                <up-outlined
+                  v-show="!item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
+                <down-outlined
+                  v-show="item.shrinkFlag"
+                  @click="changeShrink(item.name)"
+                />
               </div>
             </div>
           </div>
         </template>
       </div>
-      <searchResultList v-show="resourceList.data && resourceList.data.length" :key="listKey2"
-        :resourceList="resourceList" :resourceTotal="resourceTotal" :select-cardsname="Cardsname"
-        @saveSearchCodition="saveSearchCodition" ref="searchResultListDom" />
+      <searchResultList
+        v-show="resourceList.data && resourceList.data.length"
+        :key="listKey2"
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+        :select-cardsname="Cardsname"
+        @saveSearchCodition="saveSearchCodition"
+        ref="searchResultListDom"
+      />
       <div class="pagination">
-        <a-pagination v-if="resourceList.data && resourceList.data.length > 0" v-model:current="currentPage"
-          v-model:pageSize="currentPageSize" show-size-changer show-less-items show-quick-jumper :total="resourceTotal"
-          :page-size-options="pageSizeOptions" @change="pageChange" @showSizeChange="onShowSizeChange" />
+        <a-pagination
+          v-if="resourceList.data && resourceList.data.length > 0"
+          v-model:current="currentPage"
+          v-model:pageSize="currentPageSize"
+          show-size-changer
+          show-less-items
+          show-quick-jumper
+          :total="resourceTotal"
+          :page-size-options="pageSizeOptions"
+          @change="pageChange"
+          @showSizeChange="onShowSizeChange"
+        />
       </div>
       <div class="shujuziyuan" v-if="Cardsname == '数据资源'">
         <div class="yunziyuan">
           <div class="yunziyuan-title">
             <div class="tupian"></div>
-            <div class="title" @click="dianjitiaozhaun('青岛市政务资源管理平台')">
+            <div
+              class="title"
+              @click="dianjitiaozhaun('青岛市政务资源管理平台')"
+            >
               青岛市政务资源管理平台{{ dataShowdev }}
             </div>
           </div>
@@ -378,18 +641,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="{
-            backgroundImage: `url(${item.photo}) `,
-            backgroundSize: 'cover',
-          }"></span>
+        <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>
@@ -397,489 +670,625 @@
     </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>
+        <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" />
+          <a-input-search
+            v-model:value="searchValue"
+            placeholder="请输入关键词"
+            enter-button="搜索"
+            size="large"
+            @search="getAppResources"
+            @change="onSearch"
+            class="resultListSearchInput"
+          />
           <button class="button-reset" @click="chongzhi()">重置</button>
         </div>
       </div>
-      <KnowledgeBase :resourceList="resourceList" :resourceTotal="resourceTotal"></KnowledgeBase>
+      <KnowledgeBase
+        :resourceList="resourceList"
+        :resourceTotal="resourceTotal"
+      ></KnowledgeBase>
     </div>
   </div>
   <home-footer></home-footer>
 </template>
 <script>
-import HomeFooter from '@/views/newHome/components/Footer'
-import mybus from '@/myplugins/mybus'
-import { defineComponent, reactive, ref, toRefs, onMounted, watch, nextTick } from 'vue'
-import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
-import {
-  selectDicStoreAll,
-  pageWithAttrs,
-  getDataResource,
-  getCountByFuzzyQuery,
-} 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 HomeFooter from '@/views/newHome/components/Footer'
+  import mybus from '@/myplugins/mybus'
+  import {
+    defineComponent,
+    reactive,
+    ref,
+    toRefs,
+    onMounted,
+    watch,
+    nextTick,
+  } from 'vue'
+  import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
+  import {
+    selectDicStoreAll,
+    pageWithAttrs,
+    getDataResource,
+    getCountByFuzzyQuery,
+  } 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'
+  import { message } from 'ant-design-vue'
+  import {
+    titleNameArray,
+    keyongziyuanqingkaungArray,
+    shujuziyuanqingkuangArray,
+  } from './constantData/showData.js'
 
-export default defineComponent({
-  beforeRouteLeave(to, from, next) {
-    console.log('to---DetailsPageconetent--beforeRouteLeave------->', to)
-    console.log('from---DetailsPageconetent--beforeRouteLeave------->', from)
-    console.log('next---DetailsPageconetent--beforeRouteLeave------->', next)
-    if (to.name !== 'details') {
-      localStorage.removeItem('DetailsPageconetent')
-    }
-    next()
-  },
-  setup() {
-    //会议室传的标识6
-    const flag = ref('')
-    let componentTypeArray = ['组件类型', '应用领域']
-    const handleAdd = (value) => {
-      flag.value = value
-    }
-    const titleName = ref(titleNameArray)
-
-    const openMonitor = () => {
-      window.open('http://www.qingdao.gov.cn:8083/ghwd/znwdqd/index.html')
-    }
-    // 模糊查询
-    const keyongziyuanqingkaung = ref(keyongziyuanqingkaungArray)
-    const shujuziyuanqingkuang = ref(shujuziyuanqingkuangArray)
-
-    // 青岛数据资源页
-    const whoShow1 = ref(whoShow)
-    // 分页
-    const loading = ref(true)
-    let currentPage = ref(1)
-    let currentPageSize = ref(5)
-    const pageSizeOptions = ref(['5', '10', '20', '50'])
-    const router = useRouter()
-    let select = router.currentRoute.value.query.select || '应用资源'
-    const select2 = router.currentRoute.value.query.select
-    const str = router.currentRoute.value.query.str
-    const searchValue = ref(str)
-    let tecHnosphere = router.currentRoute.value.query.tecHnosphere
-    let appLiCation = router.currentRoute.value.query.appLiCation
-    const Cardsname = ref(select)
-    // 刷新筛选条件组件
-    let listKey = ref(0)
-    // 刷新筛选列表信息组件
-    const listKey2 = ref(0)
-    // 储存筛选条件状态
-    const state = reactive({
-      selectedTags: [],
-      diyici: [],
-    })
-    // 查询参数
-    let paramsGetResources = {
-      districtId: '',
-      deptIds: [],
-      pageNum: 1,
-      pageSize: currentPageSize.value,
-      type: Cardsname.value,
-      name: '',
-      infoList: [],
-      orderField: '', // 传空为默认排序 total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
-      orderType: 'DESC', // ASC 升序  DESC 降序
-    }
-
-    const searchResultListDom = ref(null)
-
-    // 读取本地存储查询条件
-    let storageSearchInfo = null
-    const handleSetSearchData = () => {
-      if (whoShow1.value.itShowXiHaiAn) {
-        if (localStorage.getItem('DetailsPageconetent')) {
-          storageSearchInfo = JSON.parse(localStorage.getItem('DetailsPageconetent'));
-        }
-        console.log('storageSearchInfo------------>', storageSearchInfo)
-        // 读取本地存储：表单赋值
-        if (storageSearchInfo) {
-          paramsGetResources = Object.assign({}, paramsGetResources, storageSearchInfo)
-          // 搜索名称
-          searchValue.value = storageSearchInfo.name;
-          currentPage.value = storageSearchInfo.pageNum;
-          currentPageSize.value = storageSearchInfo.pageSize;
-          paramsGetResources.pageNum = storageSearchInfo.pageNum;
-          paramsGetResources.pageSize = storageSearchInfo.pageSize;
-          paramsGetResources.deptIds = storageSearchInfo.deptIds;
-          paramsGetResources.districtId = storageSearchInfo.districtId;
-
-          // 延迟使用，因为还没有返回跟挂载
-          nextTick(() => {
-            searchResultListDom.value.changeCondition({
-              value: storageSearchInfo.orderField,
-              orderType: storageSearchInfo.orderType,
-            }, true)
-          })
-        }
+  export default defineComponent({
+    beforeRouteLeave(to, from, next) {
+      console.log('to---DetailsPageconetent--beforeRouteLeave------->', to)
+      console.log('from---DetailsPageconetent--beforeRouteLeave------->', from)
+      console.log('next---DetailsPageconetent--beforeRouteLeave------->', next)
+      if (to.name !== 'details') {
+        localStorage.removeItem('DetailsPageconetent')
       }
-    }
-
-    //西海岸查询参数
-    let paramsGetResources2 = ref({
-      regionId: '70be8c5b664f4bcf869d82f2e8335051',
-      pageNum: 1,
-      pageSize: currentPageSize.value,
-      name: '',
-    })
-    // 查询
-    const onSearch = () => {
-      loading.value = true
-      paramsGetResources.name = searchValue.value
-      currentPage.value = 1
-    }
-    // 免批
-    const tagFlag = ref('')
-    const current = ref(5)
-    const chagneTag = (name) => {
-      console.log('name------------>', name)
-      paramsGetResources.pageNum = 1
-      currentPage.value = 1
-      if (tagFlag.value == name) {
-        tagFlag.value = ''
-        paramsGetResources.shareCondition = ''
-      } else {
-        tagFlag.value = name
-        paramsGetResources.shareCondition = name
+      next()
+    },
+    setup() {
+      //会议室传的标识6
+      const flag = ref('')
+      let componentTypeArray = ['组件类型', '应用领域']
+      const handleAdd = (value) => {
+        flag.value = value
       }
-      listKey.value++
-      getAppResources()
-      console.log('paramsGetResources-----chagneTag------->', paramsGetResources);
-    }
+      const titleName = ref(titleNameArray)
 
-    // 重置数据
-    const chongzhi = (flag) => {
-      loading.value = true
-      // 重置模糊查字段
-      if (!flag) {
-        searchValue.value = ''
-        globalFlag.value = false
-        globalData.data = []
+      const openMonitor = () => {
+        window.open('http://www.qingdao.gov.cn:8083/ghwd/znwdqd/index.html')
       }
-      paramsGetResources.name = searchValue.value
-      // 重置筛选条件
-      ListContent.records.forEach((val) => {
-        val.selectedTags = []
-      })
+      // 模糊查询
+      const keyongziyuanqingkaung = ref(keyongziyuanqingkaungArray)
+      const shujuziyuanqingkuang = ref(shujuziyuanqingkuangArray)
+
+      // 青岛数据资源页
+      const whoShow1 = ref(whoShow)
       // 分页
-      currentPage.value = 1
-      currentPageSize.value = 5
-      // 重置查询条件
-      paramsGetResources2.value = {
+      const loading = ref(true)
+      let currentPage = ref(1)
+      let currentPageSize = ref(5)
+      const pageSizeOptions = ref(['5', '10', '20', '50'])
+      const router = useRouter()
+      let select = router.currentRoute.value.query.select || '应用资源'
+      const select2 = router.currentRoute.value.query.select
+      const str = router.currentRoute.value.query.str
+      const searchValue = ref(str)
+      let tecHnosphere = router.currentRoute.value.query.tecHnosphere
+      let appLiCation = router.currentRoute.value.query.appLiCation
+      const Cardsname = ref(select)
+      // 刷新筛选条件组件
+      let listKey = ref(0)
+      // 刷新筛选列表信息组件
+      const listKey2 = ref(0)
+      // 储存筛选条件状态
+      const state = reactive({
+        selectedTags: [],
+        diyici: [],
+      })
+      // 查询参数
+      let paramsGetResources = {
+        districtId: '',
+        deptIds: [],
+        pageNum: 1,
+        pageSize: currentPageSize.value,
+        type: Cardsname.value,
+        name: '',
+        infoList: [],
+        orderField: '', // 传空为默认排序 total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
+        orderType: 'DESC', // ASC 升序  DESC 降序
+      }
+
+      const searchResultListDom = ref(null)
+
+      // 读取本地存储查询条件
+      let storageSearchInfo = null
+      const handleSetSearchData = () => {
+        if (whoShow1.value.itShowXiHaiAn) {
+          if (localStorage.getItem('DetailsPageconetent')) {
+            storageSearchInfo = JSON.parse(
+              localStorage.getItem('DetailsPageconetent')
+            )
+          }
+          console.log('storageSearchInfo------------>', storageSearchInfo)
+          // 读取本地存储：表单赋值
+          if (storageSearchInfo) {
+            paramsGetResources = Object.assign(
+              {},
+              paramsGetResources,
+              storageSearchInfo
+            )
+            // 搜索名称
+            searchValue.value = storageSearchInfo.name
+            currentPage.value = storageSearchInfo.pageNum
+            currentPageSize.value = storageSearchInfo.pageSize
+            paramsGetResources.pageNum = storageSearchInfo.pageNum
+            paramsGetResources.pageSize = storageSearchInfo.pageSize
+            paramsGetResources.deptIds = storageSearchInfo.deptIds
+            paramsGetResources.districtId = storageSearchInfo.districtId
+
+            // 延迟使用，因为还没有返回跟挂载
+            nextTick(() => {
+              searchResultListDom.value.changeCondition(
+                {
+                  value: storageSearchInfo.orderField,
+                  orderType: storageSearchInfo.orderType,
+                },
+                true
+              )
+            })
+          }
+        }
+      }
+
+      //西海岸查询参数
+      let paramsGetResources2 = ref({
         regionId: '70be8c5b664f4bcf869d82f2e8335051',
         pageNum: 1,
         pageSize: currentPageSize.value,
         name: '',
+      })
+      // 查询
+      const onSearch = () => {
+        loading.value = true
+        paramsGetResources.name = searchValue.value
+        currentPage.value = 1
       }
-      paramsGetResources.districtId = ''
-      paramsGetResources.deptIds = []
-      paramsGetResources.pageNum = 1
-      paramsGetResources.pageSize = 5
-      paramsGetResources.name = ''
-      paramsGetResources.shareCondition = ''
-      paramsGetResources.infoList = []
-      paramsGetResources.orderField = ''
-      paramsGetResources.orderType = 'DESC'
-      mybus.emit('chongzhi')
-      console.log('paramsGetResources---chongzhi-重置-------->', paramsGetResources);
-      getAppResources()
-    }
-
-    //跳转链接
-    function dianjitiaozhaun(name) {
-      switch (name) {
-        case '青岛市政务资源管理平台':
-          window.open('http://15.72.158.81/web/root/homepage.aspx')
-          console.log('name', name)
-          break
-        case '青岛市视频资源管理平台':
-          window.open('http://15.72.183.88:8760/yzy/main')
-          console.log('name', name)
-          break
-      }
-    }
-
-    // 点击筛选条件回调
-    const handleChange = (tag, checked, name) => {
-      loading.value = true
-      paramsGetResources.pageNum = 1
-      currentPage.value = 1
-      console.log('点击筛选条件=================>', tag, checked, name)
-
-      // 西海岸-智能算法 特殊处理
-      if (whoShow1.value.itShowXiHaiAn) {
-        if (tag.dict_label == '智能算法' && checked) {
-          if(ListContentCopy.value[2]) {
-            ListContent.records.splice(2, 1, ListContentCopy.value[2])
-          }
+      // 免批
+      const tagFlag = ref('')
+      const current = ref(5)
+      const chagneTag = (name) => {
+        console.log('name------------>', name)
+        paramsGetResources.pageNum = 1
+        currentPage.value = 1
+        if (tagFlag.value == name) {
+          tagFlag.value = ''
+          paramsGetResources.shareCondition = ''
         } else {
-          if (name == '组件类型') {
-            ListContent.records.splice(2, 1)
-            paramsGetResources.infoList = paramsGetResources.infoList.filter(
-              (item) => componentTypeArray.includes(item.attrType)
-            )
-          }
+          tagFlag.value = name
+          paramsGetResources.shareCondition = name
+        }
+        listKey.value++
+        getAppResources()
+        console.log(
+          'paramsGetResources-----chagneTag------->',
+          paramsGetResources
+        )
+      }
+
+      // 重置数据
+      const chongzhi = (flag) => {
+        loading.value = true
+        // 重置模糊查字段
+        if (!flag) {
+          searchValue.value = ''
+          globalFlag.value = false
+          globalData.data = []
+        }
+        paramsGetResources.name = searchValue.value
+        // 重置筛选条件
+        ListContent.records.forEach((val) => {
+          val.selectedTags = []
+        })
+        // 分页
+        currentPage.value = 1
+        currentPageSize.value = 5
+        // 重置查询条件
+        paramsGetResources2.value = {
+          regionId: '70be8c5b664f4bcf869d82f2e8335051',
+          pageNum: 1,
+          pageSize: currentPageSize.value,
+          name: '',
+        }
+        paramsGetResources.districtId = ''
+        paramsGetResources.deptIds = []
+        paramsGetResources.pageNum = 1
+        paramsGetResources.pageSize = 5
+        paramsGetResources.name = ''
+        paramsGetResources.shareCondition = ''
+        paramsGetResources.infoList = []
+        paramsGetResources.orderField = ''
+        paramsGetResources.orderType = 'DESC'
+        mybus.emit('chongzhi')
+        console.log(
+          'paramsGetResources---chongzhi-重置-------->',
+          paramsGetResources
+        )
+        getAppResources()
+      }
+
+      //跳转链接
+      function dianjitiaozhaun(name) {
+        switch (name) {
+          case '青岛市政务资源管理平台':
+            window.open('http://15.72.158.81/web/root/homepage.aspx')
+            console.log('name', name)
+            break
+          case '青岛市视频资源管理平台':
+            window.open('http://15.72.183.88:8760/yzy/main')
+            console.log('name', name)
+            break
         }
       }
 
-      ListContent.records.forEach((val) => {
-        if (!val) {
-          return;
-        }
-        if (val.name === name) {
-          paramsGetResources.infoList = paramsGetResources.infoList.filter(
-            (item) => item.attrType !== name
-          )
-          if (val.selectedTags && val.selectedTags.indexOf(tag.dict_label) == -1) {
-            val.selectedTags = [tag.dict_label]
-            paramsGetResources.infoList.push({
-              attrType: name,
-              attrValue: tag.dict_label,
-            })
-          } else {
-            val.selectedTags && val.selectedTags.splice(val.selectedTags.indexOf(tag.dict_label), 1)
-          }
+      // 点击筛选条件回调
+      const handleChange = (tag, checked, name) => {
+        loading.value = true
+        paramsGetResources.pageNum = 1
+        currentPage.value = 1
+        console.log('点击筛选条件=================>', tag, checked, name)
 
-          // 西海岸-智能算法 特殊处理
-          if (whoShow1.value.itShowXiHaiAn) {
-            if ((val.selectedTags.length == 0 && tag.dict_label == '智能算法' && !checked) || (tag.dict_label !== '智能算法' && name == '组件类型')) {
-              if (ListContentCopy.value[2]) {
-                ListContentCopy.value[2].selectedTags = []
+        // 西海岸-智能算法 特殊处理
+        if (whoShow1.value.itShowXiHaiAn) {
+          if (tag.dict_label == '智能算法' && checked) {
+            if (ListContentCopy.value[2]) {
+              ListContent.records.splice(2, 1, ListContentCopy.value[2])
+            }
+          } else {
+            if (name == '组件类型') {
+              ListContent.records.splice(2, 1)
+              paramsGetResources.infoList = paramsGetResources.infoList.filter(
+                (item) => componentTypeArray.includes(item.attrType)
+              )
+            }
+          }
+        }
+
+        ListContent.records.forEach((val) => {
+          if (!val) {
+            return
+          }
+          if (val.name === name) {
+            paramsGetResources.infoList = paramsGetResources.infoList.filter(
+              (item) => item.attrType !== name
+            )
+            if (
+              val.selectedTags &&
+              val.selectedTags.indexOf(tag.dict_label) == -1
+            ) {
+              val.selectedTags = [tag.dict_label]
+              paramsGetResources.infoList.push({
+                attrType: name,
+                attrValue: tag.dict_label,
+              })
+            } else {
+              val.selectedTags &&
+                val.selectedTags.splice(
+                  val.selectedTags.indexOf(tag.dict_label),
+                  1
+                )
+            }
+
+            // 西海岸-智能算法 特殊处理
+            if (whoShow1.value.itShowXiHaiAn) {
+              if (
+                (val.selectedTags.length == 0 &&
+                  tag.dict_label == '智能算法' &&
+                  !checked) ||
+                (tag.dict_label !== '智能算法' && name == '组件类型')
+              ) {
+                if (ListContentCopy.value[2]) {
+                  ListContentCopy.value[2].selectedTags = []
+                }
               }
             }
           }
-        }
-      })
-      listKey.value++
-      console.log('paramsGetResources---handleChange--------->', paramsGetResources);
-      getAppResources()
-    }
-    const getNewList = () => {
-      tecHnosphere = router.currentRoute.value.query.tecHnosphere
-      appLiCation = router.currentRoute.value.query.appLiCation
-      const params = {
-        topCategoryName: Cardsname.value,
+        })
+        listKey.value++
+        console.log(
+          'paramsGetResources---handleChange--------->',
+          paramsGetResources
+        )
+        getAppResources()
       }
-      selectDicStoreAll(params).then((res) => {
-        console.log('selectDicStoreAll============>', res)
-        const { data } = res.data;
-        let dataCopy = data
+      const getNewList = () => {
         tecHnosphere = router.currentRoute.value.query.tecHnosphere
         appLiCation = router.currentRoute.value.query.appLiCation
-        mybus.emit('getDeptList')
-        dataCopy.forEach((val) => {
-          val.selectedTags = []
-          if (val.name == '应用领域' && appLiCation) {
-            val.selectedTags[0] = []
-            val.selectedTags[0] = appLiCation
-            paramsGetResources.infoList.push({
-              attrType: '应用领域',
-              attrValue: appLiCation,
-            })
-            if (searchValue.value) {
-              paramsGetResources.name = searchValue.value
-            }
-
-            pageWithAttrs(paramsGetResources).then((res) => {
-              resourceList.data = []
-              resourceList.data = res.data.data.records || []
-              resourceTotal.value = res.data.data.total || ''
-            })
-          }
-          tecHnosphere = router.currentRoute.value.query.tecHnosphere
-          appLiCation = router.currentRoute.value.query.appLiCation
-          if (val.name == '技术领域' && tecHnosphere) {
-            val.selectedTags[1] = tecHnosphere
-            paramsGetResources.infoList.push({
-              attrType: '技术领域',
-              attrValue: tecHnosphere,
-            })
-            if (searchValue.value) {
-              paramsGetResources.name = searchValue.value
-            }
-            pageWithAttrs(paramsGetResources).then((res) => {
-              resourceList.data = []
-              resourceList.data = res.data.data.records || []
-              resourceTotal.value = res.data.data.total || ''
-            })
-            console.log('paramsGetResources', paramsGetResources)
-          }
-          tecHnosphere = router.currentRoute.value.query.tecHnosphere
-          appLiCation = router.currentRoute.value.query.appLiCation
-          if (val.typeList && val.typeList.length > 8) {
-            val.showShrink = true
-            val.shrinkFlag = true
-          }
-
-          if (storageSearchInfo) {
-            let obj =
-              (storageSearchInfo.infoList || []).find(
-                (x) => x.attrType === val.name
-              );
-            if (obj) {
-              val.selectedTags = [obj.attrValue] || []
-            }
-          }
-        })
-        ListContentCopy.value = []
-        ListContentCopy.value = JSON.parse(JSON.stringify(dataCopy));
-        ListContent.records = []
-        ListContent.records = JSON.parse(JSON.stringify(dataCopy));
-
-        // 智能算法-特殊处理
-        if (!storageSearchInfo) {
-          let _tag_list = dataCopy.filter(v => componentTypeArray.includes(v.name))
-          ListContent.records = _tag_list
+        const params = {
+          topCategoryName: Cardsname.value,
         }
+        selectDicStoreAll(params).then((res) => {
+          console.log('selectDicStoreAll============>', res)
+          const { data } = res.data
+          let dataCopy = data
+          tecHnosphere = router.currentRoute.value.query.tecHnosphere
+          appLiCation = router.currentRoute.value.query.appLiCation
+          mybus.emit('getDeptList')
+          dataCopy.forEach((val) => {
+            val.selectedTags = []
+            if (val.name == '应用领域' && appLiCation) {
+              val.selectedTags[0] = []
+              val.selectedTags[0] = appLiCation
+              paramsGetResources.infoList.push({
+                attrType: '应用领域',
+                attrValue: appLiCation,
+              })
+              if (searchValue.value) {
+                paramsGetResources.name = searchValue.value
+              }
 
-        listKey.value++
-        listKey2.value++
-      })
-      console.log('selectDicStoreAll', ListContent)
-    }
-    // 筛选条件
-    let ListContent = reactive({
-      records: [],
-    })
-    let ListContentCopy = ref([])
-    const resourceList = reactive({ data: [] })
-    const videoList = reactive({ data: [] })
-    const resourceTotal = ref('')
-    // 全局搜索
-    const camera = ref(null)
-    const globalData = reactive({ data: [] })
-    const globalFlag = ref(false)
-    const globalSearch = () => {
-      if (searchValue.value) {
-        globalFlag.value = true
-        getCountByFuzzyQuery(searchValue.value || '').then((res) => {
-          console.log('全局搜索==========》', res.data.data)
-          globalData.data = res.data.data
-          let mapFlag = true
-          res.data.data.map((val) => {
-            if (mapFlag && val.count != 0) {
-              mapFlag = false
-              changeCards(val.type)
+              pageWithAttrs(paramsGetResources).then((res) => {
+                resourceList.data = []
+                resourceList.data = res.data.data.records || []
+                resourceTotal.value = res.data.data.total || ''
+              })
+            }
+            tecHnosphere = router.currentRoute.value.query.tecHnosphere
+            appLiCation = router.currentRoute.value.query.appLiCation
+            if (val.name == '技术领域' && tecHnosphere) {
+              val.selectedTags[1] = tecHnosphere
+              paramsGetResources.infoList.push({
+                attrType: '技术领域',
+                attrValue: tecHnosphere,
+              })
+              if (searchValue.value) {
+                paramsGetResources.name = searchValue.value
+              }
+              pageWithAttrs(paramsGetResources).then((res) => {
+                resourceList.data = []
+                resourceList.data = res.data.data.records || []
+                resourceTotal.value = res.data.data.total || ''
+              })
+              console.log('paramsGetResources', paramsGetResources)
+            }
+            tecHnosphere = router.currentRoute.value.query.tecHnosphere
+            appLiCation = router.currentRoute.value.query.appLiCation
+            if (val.typeList && val.typeList.length > 8) {
+              val.showShrink = true
+              val.shrinkFlag = true
+            }
+
+            if (storageSearchInfo) {
+              let obj = (storageSearchInfo.infoList || []).find(
+                (x) => x.attrType === val.name
+              )
+              if (obj) {
+                val.selectedTags = [obj.attrValue] || []
+              }
             }
           })
-          if (!mapFlag) {
-            return
+          ListContentCopy.value = []
+          ListContentCopy.value = JSON.parse(JSON.stringify(dataCopy))
+          ListContent.records = []
+          ListContent.records = JSON.parse(JSON.stringify(dataCopy))
+
+          // 智能算法-特殊处理
+          if (!storageSearchInfo) {
+            let _tag_list = dataCopy.filter((v) =>
+              componentTypeArray.includes(v.name)
+            )
+            ListContent.records = _tag_list
           }
-          if (paramsGetResources.type == '基础设施') {
-            console.log('camera1', camera.value)
-            camera.value.getCamera(true, searchValue.value)
+
+          listKey.value++
+          listKey2.value++
+        })
+        console.log('selectDicStoreAll', ListContent)
+      }
+      // 筛选条件
+      let ListContent = reactive({
+        records: [],
+      })
+      let ListContentCopy = ref([])
+      const resourceList = reactive({ data: [] })
+      const videoList = reactive({ data: [] })
+      const resourceTotal = ref('')
+      // 全局搜索
+      const camera = ref(null)
+      const globalData = reactive({ data: [] })
+      const globalFlag = ref(false)
+      const globalSearch = () => {
+        if (searchValue.value) {
+          globalFlag.value = true
+          getCountByFuzzyQuery(searchValue.value || '').then((res) => {
+            console.log('全局搜索==========》', res.data.data)
+            globalData.data = res.data.data
+            let mapFlag = true
+            res.data.data.map((val) => {
+              if (mapFlag && val.count != 0) {
+                mapFlag = false
+                changeCards(val.type)
+              }
+            })
+            if (!mapFlag) {
+              return
+            }
+            if (paramsGetResources.type == '基础设施') {
+              console.log('camera1', camera.value)
+              camera.value.getCamera(true, searchValue.value)
+            } else {
+              getAppResources()
+            }
+            console.log(
+              'paramsGetResources--globalSearch---------->',
+              paramsGetResources
+            )
+          })
+        } else {
+          message.warning('全局搜索必须输入关键词！')
+        }
+      }
+      // 校验
+      const re = /^[0-9\u4E00-\u9FA5]*$/
+      const getAppResources2 = () => {
+        globalFlag.value = false
+        if (
+          whoShow1.value.itShowQingDao &&
+          paramsGetResources.type == '基础设施'
+        ) {
+          console.log('camera2', camera)
+          // camera.value.getCamera(true, searchValue.value)
+        } else {
+          if (storageSearchInfo) {
+            getAppResources('分页查询')
           } else {
             getAppResources()
           }
-          console.log('paramsGetResources--globalSearch---------->', paramsGetResources);
-
-        })
-      } else {
-        message.warning('全局搜索必须输入关键词！')
-      }
-    }
-    // 校验
-    const re = /^[0-9\u4E00-\u9FA5]*$/
-    const getAppResources2 = () => {
-      globalFlag.value = false
-      if (
-        whoShow1.value.itShowQingDao &&
-        paramsGetResources.type == '基础设施'
-      ) {
-        console.log('camera2', camera)
-        camera.value.getCamera(true, searchValue.value)
-      } else {
-        if (storageSearchInfo) {
-          getAppResources('分页查询')
-        } else {
-          getAppResources()
         }
       }
-    }
-    const getAppResources = (switchIndex) => {
-      if (!globalFlag.value) {
-        globalData.data = []
-      }
-      select = router.currentRoute.value.query.select
-      if (
-        (select == '应用资源' &&
-          (paramsGetResources.orderField == '' ||
-            paramsGetResources.orderField == 'deptSort' ||
-            paramsGetResources.orderField == 'pin_top')) ||
-        (paramsGetResources.infoList.filter(
-          (val) => val.attrType == '组件类型'
-        )[0] &&
+      const getAppResources = (switchIndex) => {
+        if (!globalFlag.value) {
+          globalData.data = []
+        }
+        select = router.currentRoute.value.query.select
+        if (
+          (select == '应用资源' &&
+            (paramsGetResources.orderField == '' ||
+              paramsGetResources.orderField == 'deptSort' ||
+              paramsGetResources.orderField == 'pin_top')) ||
+          (paramsGetResources.infoList.filter(
+            (val) => val.attrType == '组件类型'
+          )[0] &&
+            paramsGetResources.infoList.filter(
+              (val) => val.attrType == '组件类型'
+            )[0].attrValue == '图层服务' &&
+            (paramsGetResources.orderField == '' ||
+              paramsGetResources.orderField == 'deptSort' ||
+              paramsGetResources.orderField == 'pin_top'))
+        ) {
+          paramsGetResources.orderField = 'deptSort'
+        } else if (
           paramsGetResources.infoList.filter(
             (val) => val.attrType == '组件类型'
-          )[0].attrValue == '图层服务' &&
+          )[0] &&
+          paramsGetResources.infoList.filter(
+            (val) => val.attrType == '组件类型'
+          )[0].attrValue == '智能算法' &&
           (paramsGetResources.orderField == '' ||
             paramsGetResources.orderField == 'deptSort' ||
-            paramsGetResources.orderField == 'pin_top'))
-      ) {
-        paramsGetResources.orderField = 'deptSort'
-      } else if (
-        paramsGetResources.infoList.filter(
-          (val) => val.attrType == '组件类型'
-        )[0] &&
-        paramsGetResources.infoList.filter(
-          (val) => val.attrType == '组件类型'
-        )[0].attrValue == '智能算法' &&
-        (paramsGetResources.orderField == '' ||
+            paramsGetResources.orderField == 'pin_top')
+        ) {
+          paramsGetResources.orderField = 'pin_top'
+        } else if (
+          paramsGetResources.orderField == '' ||
           paramsGetResources.orderField == 'deptSort' ||
-          paramsGetResources.orderField == 'pin_top')
-      ) {
-        paramsGetResources.orderField = 'pin_top'
-      } else if (
-        paramsGetResources.orderField == '' ||
-        paramsGetResources.orderField == 'deptSort' ||
-        paramsGetResources.orderField == 'pin_top'
-      ) {
-        paramsGetResources.orderField = ''
-      }
-      if (searchValue.value) {
-        let str = ''
-        let r = null
-        if (
-          searchValue.value.length >= 2 &&
-          paramsGetResources.type !== '基础设施'
+          paramsGetResources.orderField == 'pin_top'
         ) {
-          str = searchValue.value.substring(0, 2)
-          r = re.test(str)
+          paramsGetResources.orderField = ''
         }
-        if (
-          (searchValue.value.length > 1 && r) ||
-          paramsGetResources.type === '基础设施'
-        ) {
+        if (searchValue.value) {
+          let str = ''
+          let r = null
+          if (
+            searchValue.value.length >= 2 &&
+            paramsGetResources.type !== '基础设施'
+          ) {
+            str = searchValue.value.substring(0, 2)
+            r = re.test(str)
+          }
+          if (
+            (searchValue.value.length > 1 && r) ||
+            paramsGetResources.type === '基础设施'
+          ) {
+            paramsGetResources.name = searchValue.value
+            paramsGetResources.type = Cardsname.value
+            if (
+              !whoShow1.value.itShowBaoTou &&
+              paramsGetResources.type === '数据资源'
+            ) {
+              if (switchIndex != '分页查询') {
+                paramsGetResources.pageNum = 1
+              }
+              let dataResourceParams = {
+                serviceName: paramsGetResources.name || '', //资源名称
+                orderField: whoShow1.value.itShowQingDao
+                  ? paramsGetResources.orderField == 'applyCount'
+                    ? 'syqk'
+                    : 'fbrq'
+                  : paramsGetResources.orderField == 'applyCount'
+                  ? 'requestCount'
+                  : 'createTime', //排序字段
+                orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
+                pageNum: paramsGetResources.pageNum, //页码
+                pageSize: paramsGetResources.pageSize, //分页大小
+              }
+              getDataResource(dataResourceParams).then((res) => {
+                loading.value = false
+                console.log('res.data.data----874-------->', res.data.data)
+                if (whoShow1.value.itShowQingDao) {
+                  if (whoShow1.value.itShowZhanTingDev) {
+                    // 注意：！！！！！itShowZhanTingDev: 研发环境除数据资源用西海岸，其他配置跟青岛市局一样
+                    console.log('999----->', res.data.data.list)
+                    getXiHaiAn(res)
+                  } else {
+                    getQingDao(res)
+                  }
+                } else if (whoShow1.value.itShowXiHaiAn) {
+                  getXiHaiAn(res)
+                }
+              })
+            } else if (
+              paramsGetResources.type !== '数据资源' &&
+              (paramsGetResources.type !== '基础设施' ||
+                !whoShow1.value.itShowXiHaiAn)
+            ) {
+              if (switchIndex != '分页查询') {
+                paramsGetResources.pageNum = 1
+              }
+              pageWithAttrs(paramsGetResources).then((res) => {
+                console.log(
+                  '查询列表====22========>',
+                  resourceList,
+                  res.data.data
+                )
+                resourceList.data = []
+                videoList.data = []
+                if (Cardsname.value === '基础设施') {
+                  resourceList.data = res.data.data.records || []
+                  resourceTotal.value = res.data.data.total || ''
+                  loading.value = false
+                } else {
+                  resourceTotal.value = res.data.data.total || ''
+                  resourceList.data = res.data.data.records || []
+                }
+              })
+            } else if (
+              paramsGetResources.type === '基础设施' &&
+              whoShow1.value.itShowXiHaiAn
+            ) {
+              if (switchIndex != '分页查询') {
+                paramsGetResources.pageNum = 1
+              }
+              paramsGetResources2.value.pageNum = paramsGetResources.pageNum
+              paramsGetResources2.value.pageSize = paramsGetResources.pageSize
+              paramsGetResources2.value.name = paramsGetResources.name
+            }
+          } else {
+            message.error('请以两位以上汉字或数字开头')
+          }
+        } else {
+          //switchIndex这个参数是下面的分页传过来的参数
           paramsGetResources.name = searchValue.value
           paramsGetResources.type = Cardsname.value
           if (
@@ -896,25 +1305,24 @@ export default defineComponent({
                   ? 'syqk'
                   : 'fbrq'
                 : paramsGetResources.orderField == 'applyCount'
-                  ? 'requestCount'
-                  : 'createTime', //排序字段
+                ? 'requestCount'
+                : 'createTime', //排序字段
               orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
               pageNum: paramsGetResources.pageNum, //页码
               pageSize: paramsGetResources.pageSize, //分页大小
             }
             getDataResource(dataResourceParams).then((res) => {
               loading.value = false
-              console.log('res.data.data----874-------->', res.data.data);
+              console.log('res.data.data----982-------->', res.data.data)
               if (whoShow1.value.itShowQingDao) {
                 if (whoShow1.value.itShowZhanTingDev) {
-                  // 注意：！！！！！itShowZhanTingDev: 研发环境除数据资源用西海岸，其他配置跟青岛市局一样
-                  console.log('999----->', res.data.data.list)
                   getXiHaiAn(res)
                 } else {
                   getQingDao(res)
                 }
               } else if (whoShow1.value.itShowXiHaiAn) {
                 getXiHaiAn(res)
+                loading.value = false
               }
             })
           } else if (
@@ -926,7 +1334,11 @@ export default defineComponent({
               paramsGetResources.pageNum = 1
             }
             pageWithAttrs(paramsGetResources).then((res) => {
-              console.log('查询列表====22========>', resourceList, res.data.data)
+              console.log(
+                '查询列表===11=========>',
+                resourceList,
+                res.data.data
+              )
               resourceList.data = []
               videoList.data = []
               if (Cardsname.value === '基础设施') {
@@ -939,7 +1351,7 @@ export default defineComponent({
               }
             })
           } else if (
-            paramsGetResources.type === '基础设施' &&
+            paramsGetResources.type === '基础设施' ||
             whoShow1.value.itShowXiHaiAn
           ) {
             if (switchIndex != '分页查询') {
@@ -947,390 +1359,345 @@ export default defineComponent({
             }
             paramsGetResources2.value.pageNum = paramsGetResources.pageNum
             paramsGetResources2.value.pageSize = paramsGetResources.pageSize
-            paramsGetResources2.value.name = paramsGetResources.name
           }
-        } else {
-          message.error('请以两位以上汉字或数字开头')
-        }
-      } else {
-        //switchIndex这个参数是下面的分页传过来的参数
-        paramsGetResources.name = searchValue.value
-        paramsGetResources.type = Cardsname.value
-        if (
-          !whoShow1.value.itShowBaoTou &&
-          paramsGetResources.type === '数据资源'
-        ) {
-          if (switchIndex != '分页查询') {
-            paramsGetResources.pageNum = 1
-          }
-          let dataResourceParams = {
-            serviceName: paramsGetResources.name || '', //资源名称
-            orderField: whoShow1.value.itShowQingDao
-              ? paramsGetResources.orderField == 'applyCount'
-                ? 'syqk'
-                : 'fbrq'
-              : paramsGetResources.orderField == 'applyCount'
-                ? 'requestCount'
-                : 'createTime', //排序字段
-            orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
-            pageNum: paramsGetResources.pageNum, //页码
-            pageSize: paramsGetResources.pageSize, //分页大小
-          }
-          getDataResource(dataResourceParams).then((res) => {
-            loading.value = false
-            console.log('res.data.data----982-------->', res.data.data);
-            if (whoShow1.value.itShowQingDao) {
-              if (whoShow1.value.itShowZhanTingDev) {
-                getXiHaiAn(res)
-              } else {
-                getQingDao(res)
-              }
-            } else if (whoShow1.value.itShowXiHaiAn) {
-              getXiHaiAn(res)
-              loading.value = false
-            }
-          })
-        } else if (
-          paramsGetResources.type !== '数据资源' &&
-          (paramsGetResources.type !== '基础设施' ||
-            !whoShow1.value.itShowXiHaiAn)
-        ) {
-          if (switchIndex != '分页查询') {
-            paramsGetResources.pageNum = 1
-          }
-          pageWithAttrs(paramsGetResources).then((res) => {
-            console.log('查询列表===11=========>', resourceList, res.data.data)
-            resourceList.data = []
-            videoList.data = []
-            if (Cardsname.value === '基础设施') {
-              resourceList.data = res.data.data.records || []
-              resourceTotal.value = res.data.data.total || ''
-              loading.value = false
-            } else {
-              resourceTotal.value = res.data.data.total || ''
-              resourceList.data = res.data.data.records || []
-            }
-          })
-        } else if (
-          paramsGetResources.type === '基础设施' ||
-          whoShow1.value.itShowXiHaiAn
-        ) {
-          if (switchIndex != '分页查询') {
-            paramsGetResources.pageNum = 1
-          }
-          paramsGetResources2.value.pageNum = paramsGetResources.pageNum
-          paramsGetResources2.value.pageSize = paramsGetResources.pageSize
         }
       }
-    }
 
-    // 青岛-数据处理
-    const getQingDao = (res) => {
-      (res.data && res.data.data && res.data.data.data || []).forEach((val) => {
-        val.id = val.guid // id
-        val.name = val.zyname // 名字
-        val.sjlCount = val.sjcczl // 数据量
-        val.applyCount = val.syqk // 申请量
-        val.deptName = val.TGBM // 部门
-        val.createDate = val.fbrq // 发布时间
-        val.description = val.xgxt // 描述
-      })
-      resourceList.data = res.data.data.data || []
-      resourceTotal.value = res.data.data.rows || ''
-    }
-    // 青岛-西海岸处理
-    const getXiHaiAn = (res) => {
-      (res.data && res.data.data && res.data.data.list || []).forEach((val) => {
-        val.id = val.serviceId // id
-        val.name = val.serviceName // 名字
-        val.sjlCount = val.requestQuantity // 数据量
-        val.applyCount = val.requestCount // 申请量
-        val.deptName = val.departmentName // 部门
-        val.createTime = val.createTime.split('.')[0]
-        val.createDate = val.createTime // 发布时间
-      })
-      resourceList.data = res.data.data.list || []
-      resourceTotal.value = res.data.data.total || ''
-    }
-
-    let shoppingCartList = ref([])
-    // 获取申购车列表
-    const getShoppingCartList = (list) => {
-      getSgcList({
-        pageNum: 1,
-        pageSize: 500,
-        name: '',
-        type: '',
-      }).then((res) => {
-        console.log('申购车列表================>', res.data.data.records)
-        shoppingCartList.value = res.data.data.records = console.log(
-          '经过过滤后的列表信息',
-          list
+      // 青岛-数据处理
+      const getQingDao = (res) => {
+        ;((res.data && res.data.data && res.data.data.data) || []).forEach(
+          (val) => {
+            val.id = val.guid // id
+            val.name = val.zyname // 名字
+            val.sjlCount = val.sjcczl // 数据量
+            val.applyCount = val.syqk // 申请量
+            val.deptName = val.TGBM // 部门
+            val.createDate = val.fbrq // 发布时间
+            val.description = val.xgxt // 描述
+          }
         )
-        resourceList.data = list
+        resourceList.data = res.data.data.data || []
+        resourceTotal.value = res.data.data.rows || ''
+      }
+      // 青岛-西海岸处理
+      const getXiHaiAn = (res) => {
+        ;((res.data && res.data.data && res.data.data.list) || []).forEach(
+          (val) => {
+            val.id = val.serviceId // id
+            val.name = val.serviceName // 名字
+            val.sjlCount = val.requestQuantity // 数据量
+            val.applyCount = val.requestCount // 申请量
+            val.deptName = val.departmentName // 部门
+            val.createTime = val.createTime.split('.')[0]
+            val.createDate = val.createTime // 发布时间
+          }
+        )
+        resourceList.data = res.data.data.list || []
+        resourceTotal.value = res.data.data.total || ''
+      }
+
+      let shoppingCartList = ref([])
+      // 获取申购车列表
+      const getShoppingCartList = (list) => {
+        getSgcList({
+          pageNum: 1,
+          pageSize: 500,
+          name: '',
+          type: '',
+        }).then((res) => {
+          console.log('申购车列表================>', res.data.data.records)
+          shoppingCartList.value = res.data.data.records = console.log(
+            '经过过滤后的列表信息',
+            list
+          )
+          resourceList.data = list
+        })
+      }
+      mybus.on('getCameraByParentId', (ids) => {
+        paramsGetResources2.value.regionId = ids
+        getAppResources()
       })
-    }
-    mybus.on('getCameraByParentId', (ids) => {
-      paramsGetResources2.value.regionId = ids
-      getAppResources()
-    })
-    mybus.on('paramsGetResources', (ids) => {
-      if (ids && ids.length > 0) {
-        paramsGetResources.deptIds = ids
-      } else {
-        delete paramsGetResources.deptIds
-      }
-      getAppResources()
-      console.log('paramsGetResources-----paramsGetResources------->', paramsGetResources);
-    })
-    mybus.on('changePage', (page) => {
-      paramsGetResources.pageNum = page
-      getAppResources('分页查询')
-      console.log('paramsGetResources----changePage-------->', paramsGetResources);
-    })
-    mybus.on('changeSelcted', () => {
-      // 添加申购车后，返回第一页
-      paramsGetResources.pageNum = 1
-      currentPage.value = 1
-      getAppResources()
-      console.log('paramsGetResources----changeSelcted-------->', paramsGetResources);
-    })
-    mybus.on('changeInfo', (info) => {
-      paramsGetResources.pageNum = 1
-      console.log('paramsGetResources.infoList', paramsGetResources.infoList)
-      paramsGetResources.infoList = paramsGetResources.infoList.filter(
-        (item) => item.attrType !== '文件类型'
-      )
-      if (info) {
-        paramsGetResources.infoList.push(info)
-      }
-      getAppResources()
-      console.log('paramsGetResources-----changeInfo------->', paramsGetResources);
-
-    })
-    mybus.on('refresh', () => {
-      paramsGetResources.pageNum = 1
-      currentPage.value = 1
-      getAppResources()
-      console.log('paramsGetResources-----refresh------->', paramsGetResources);
-    })
-
-    mybus.on('changeCondition', (condition) => {
-      if (!storageSearchInfo) {
-        // 回到第一页，分页页码为1
+      mybus.on('paramsGetResources', (ids) => {
+        if (ids && ids.length > 0) {
+          paramsGetResources.deptIds = ids
+        } else {
+          delete paramsGetResources.deptIds
+        }
+        getAppResources()
+        console.log(
+          'paramsGetResources-----paramsGetResources------->',
+          paramsGetResources
+        )
+      })
+      mybus.on('changePage', (page) => {
+        paramsGetResources.pageNum = page
+        getAppResources('分页查询')
+        console.log(
+          'paramsGetResources----changePage-------->',
+          paramsGetResources
+        )
+      })
+      mybus.on('changeSelcted', () => {
+        // 添加申购车后，返回第一页
         paramsGetResources.pageNum = 1
         currentPage.value = 1
-      }
-      // orderField: 'total' total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
-      // orderType: 'ASC'  ASC 升序  DESC 降序
-      paramsGetResources.orderField = condition.orderField
-      paramsGetResources.orderType = condition.orderType
-      if (storageSearchInfo) {
-        getAppResources('分页查询')
-      } else {
         getAppResources()
-      }
-      console.log('paramsGetResources---changeCondition--------->', paramsGetResources);
-    })
+        console.log(
+          'paramsGetResources----changeSelcted-------->',
+          paramsGetResources
+        )
+      })
+      mybus.on('changeInfo', (info) => {
+        paramsGetResources.pageNum = 1
+        console.log('paramsGetResources.infoList', paramsGetResources.infoList)
+        paramsGetResources.infoList = paramsGetResources.infoList.filter(
+          (item) => item.attrType !== '文件类型'
+        )
+        if (info) {
+          paramsGetResources.infoList.push(info)
+        }
+        getAppResources()
+        console.log(
+          'paramsGetResources-----changeInfo------->',
+          paramsGetResources
+        )
+      })
+      mybus.on('refresh', () => {
+        paramsGetResources.pageNum = 1
+        currentPage.value = 1
+        getAppResources()
+        console.log(
+          'paramsGetResources-----refresh------->',
+          paramsGetResources
+        )
+      })
 
-    const pageChange = (val) => {
-      console.log('pageChange------------>', val);
-      loading.value = true
-      currentPage.value = val
-      paramsGetResources.pageNum = val
-      getAppResources('分页查询') //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
-      console.log('paramsGetResources-----pageChange------->', paramsGetResources);
-    }
-
-    onMounted(() => {
-      // 从本地读取查询条件，赋值
-      handleSetSearchData()
-
-      listKey2.value++
-      // 获取筛选条件
-      getNewList()
-      if (!tecHnosphere && !appLiCation) {
-        if (searchValue.value && !select2) {
-          globalSearch()
+      mybus.on('changeCondition', (condition) => {
+        if (!storageSearchInfo) {
+          // 回到第一页，分页页码为1
+          paramsGetResources.pageNum = 1
+          currentPage.value = 1
+        }
+        // orderField: 'total' total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
+        // orderType: 'ASC'  ASC 升序  DESC 降序
+        paramsGetResources.orderField = condition.orderField
+        paramsGetResources.orderType = condition.orderType
+        if (storageSearchInfo) {
+          getAppResources('分页查询')
         } else {
-          getAppResources2()
+          getAppResources()
+        }
+        console.log(
+          'paramsGetResources---changeCondition--------->',
+          paramsGetResources
+        )
+      })
+
+      const pageChange = (val) => {
+        console.log('pageChange------------>', val)
+        loading.value = true
+        currentPage.value = val
+        paramsGetResources.pageNum = val
+        getAppResources('分页查询') //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
+        console.log(
+          'paramsGetResources-----pageChange------->',
+          paramsGetResources
+        )
+      }
+
+      onMounted(() => {
+        // 从本地读取查询条件，赋值
+        handleSetSearchData()
+
+        listKey2.value++
+        // 获取筛选条件
+        getNewList()
+        if (!tecHnosphere && !appLiCation) {
+          if (searchValue.value && !select2) {
+            globalSearch()
+          } else {
+            getAppResources2()
+          }
+        }
+      })
+      // 全部申请
+      const applyAll = () => {
+        router.push({
+          path: '/apply',
+          query: {
+            applyAll: true,
+          },
+        })
+      }
+      // 分页
+      const onShowSizeChange = (current, pageSize) => {
+        currentPage.value = current
+        currentPageSize.value = pageSize
+        paramsGetResources.pageNum = current
+        paramsGetResources.pageSize = pageSize
+        getAppResources()
+        console.log(
+          'paramsGetResources----onShowSizeChange-------->',
+          paramsGetResources
+        )
+      }
+      watch(currentPageSize, () => {
+        console.log('pageSize', currentPageSize.value)
+      })
+
+      const changeShrink = (name) => {
+        ListContent.records.forEach((val) => {
+          if (val.name === name) {
+            console.log(val)
+            val.shrinkFlag = !val.shrinkFlag
+          }
+        })
+      }
+      const changeCards = (name) => {
+        resourceList.data = []
+        videoList.data = []
+        resourceTotal.value = ''
+        router.currentRoute.value.query.tecHnosphere = ''
+        router.currentRoute.value.query.appLiCation = ''
+        tecHnosphere = router.currentRoute.value.query.tecHnosphere
+        appLiCation = router.currentRoute.value.query.appLiCation
+        let newQuery = JSON.parse(
+          JSON.stringify(router.currentRoute.value.query)
+        )
+        Cardsname.value = name
+        newQuery.select = Cardsname.value
+        router
+          .replace({
+            query: newQuery,
+          })
+          .then(() => {
+            tagFlag.value = false
+            chongzhi(true)
+            getNewList()
+          })
+      }
+      // 监听地址栏变化
+      window.addEventListener('hashchange', () => {
+        location.reload()
+        console.log('URL发生变化了')
+      })
+      // 能力广场
+      const visibleAbilitySquare = ref(false)
+      let abilitySquare = ref(['应用广场', '算法广场', 'GIS广场'])
+      const showAbilitySquareNum = ref(0)
+      const showAbilitySquare = () => {
+        if (showAbilitySquareNum.value === 0) {
+          showAbilitySquareNum.value = 1
+          visibleAbilitySquare.value = true
+        } else if (showAbilitySquareNum.value === 1) {
+          showAbilitySquareNum.value = 0
+          visibleAbilitySquare.value = false
         }
       }
-    })
-    // 全部申请
-    const applyAll = () => {
-      router.push({
-        path: '/apply',
-        query: {
-          applyAll: true,
-        },
-      })
-    }
-    // 分页
-    const onShowSizeChange = (current, pageSize) => {
-      currentPage.value = current
-      currentPageSize.value = pageSize
-      paramsGetResources.pageNum = current
-      paramsGetResources.pageSize = pageSize
-      getAppResources()
-      console.log('paramsGetResources----onShowSizeChange-------->', paramsGetResources);
-
-    }
-    watch(currentPageSize, () => {
-      console.log('pageSize', currentPageSize.value)
-    })
-
-    const changeShrink = (name) => {
-      ListContent.records.forEach((val) => {
-        if (val.name === name) {
-          console.log(val)
-          val.shrinkFlag = !val.shrinkFlag
+      let abilitySquareFunctionData = ref('智能算法')
+      const abilitySquareFunction = (e) => {
+        let snumSquare = ref({})
+        if (e === '应用广场') {
+          abilitySquareFunctionData.value = '应用资源'
+        } else if (e === '算法广场') {
+          abilitySquareFunctionData.value = '智能算法'
+        } else if (e === 'GIS广场') {
+          abilitySquareFunctionData.value = '图层服务'
         }
-      })
-    }
-    const changeCards = (name) => {
-      resourceList.data = []
-      videoList.data = []
-      resourceTotal.value = ''
-      router.currentRoute.value.query.tecHnosphere = ''
-      router.currentRoute.value.query.appLiCation = ''
-      tecHnosphere = router.currentRoute.value.query.tecHnosphere
-      appLiCation = router.currentRoute.value.query.appLiCation
-      let newQuery = JSON.parse(JSON.stringify(router.currentRoute.value.query))
-      Cardsname.value = name
-      newQuery.select = Cardsname.value
-      router
-        .replace({
-          query: newQuery,
+        snumSquare.value = {
+          abilityToType: abilitySquareFunctionData.value,
+        }
+        const applypage = router.resolve({
+          path: '/capacitySquare', // 跳转的页面路由
+          query: snumSquare.value,
         })
-        .then(() => {
-          tagFlag.value = false
-          chongzhi(true)
-          getNewList()
-        })
-    }
-    // 监听地址栏变化
-    window.addEventListener('hashchange', () => {
-      location.reload()
-      console.log('URL发生变化了')
-    })
-    // 能力广场
-    const visibleAbilitySquare = ref(false)
-    let abilitySquare = ref(['应用广场', '算法广场', 'GIS广场'])
-    const showAbilitySquareNum = ref(0)
-    const showAbilitySquare = () => {
-      if (showAbilitySquareNum.value === 0) {
-        showAbilitySquareNum.value = 1
-        visibleAbilitySquare.value = true
-      } else if (showAbilitySquareNum.value === 1) {
-        showAbilitySquareNum.value = 0
+        window.open(applypage.href, '_blank')
         visibleAbilitySquare.value = false
-      }
-    }
-    let abilitySquareFunctionData = ref('智能算法')
-    const abilitySquareFunction = (e) => {
-      let snumSquare = ref({})
-      if (e === '应用广场') {
-        abilitySquareFunctionData.value = '应用资源'
-      } else if (e === '算法广场') {
         abilitySquareFunctionData.value = '智能算法'
-      } else if (e === 'GIS广场') {
-        abilitySquareFunctionData.value = '图层服务'
       }
-      snumSquare.value = {
-        abilityToType: abilitySquareFunctionData.value,
+
+      // 存储查询条件到本地 todo
+      const saveSearchCodition = () => {
+        console.log('存储查询条件到本地---DetailsPageconetent----->', 1111)
+        localStorage.setItem(
+          'DetailsPageconetent',
+          JSON.stringify(paramsGetResources)
+        )
       }
-      const applypage = router.resolve({
-        path: '/capacitySquare', // 跳转的页面路由
-        query: snumSquare.value,
-      })
-      window.open(applypage.href, '_blank')
-      visibleAbilitySquare.value = false
-      abilitySquareFunctionData.value = '智能算法'
-    }
 
-    // 存储查询条件到本地 todo
-    const saveSearchCodition = () => {
-      console.log('存储查询条件到本地---DetailsPageconetent----->', 1111)
-      localStorage.setItem(
-        'DetailsPageconetent',
-        JSON.stringify(paramsGetResources)
-      )
-    }
-
-    return {
-      listKey,
-      ListContent,
-      searchValue,
-      currentPage,
-      ...toRefs(state),
-      changeCards,
-      handleChange,
-      resourceList,
-      videoList,
-      resourceTotal,
-      pageChange,
-      listKey2,
-      Cardsname,
-      getNewList,
-      getAppResources,
-      getAppResources2,
-      chongzhi,
-      onSearch,
-      onShowSizeChange,
-      currentPageSize,
-      pageSizeOptions,
-      changeShrink,
-      titleName,
-      keyongziyuanqingkaung,
-      shujuziyuanqingkuang,
-      dianjitiaozhaun,
-      chagneTag,
-      tagFlag,
-      current,
-      openMonitor,
-      loading,
-      getShoppingCartList,
-      whoShow1,
-      applyAll,
-      handleAdd,
-      flag,
-      abilitySquare,
-      visibleAbilitySquare,
-      showAbilitySquare,
-      abilitySquareFunction,
-      abilitySquareFunctionData,
-      showAbilitySquareNum,
-      globalData,
-      globalSearch,
-      camera,
-      saveSearchCodition,
-      searchResultListDom,
-      handleSetSearchData, // todo
-    }
-  },
-  components: {
-    HomeHeader,
-    HomeFooter,
-    detailsPageconetentTree,
-    searchResultList,
-    UpOutlined,
-    DownOutlined,
-    KnowledgeBase,
-    DetailsPageResource,
-    infrastructurePage,
-    detailsPageInfrastructureTree,
-  },
-  beforeUnmount() {
-    mybus.off('getCameraByParentId')
-    mybus.off('selectCardsitem')
-    mybus.off('paramsGetResources')
-    mybus.off('changeCondition')
-    mybus.off('refresh')
-    mybus.off('changePage')
-    mybus.off('changeInfo')
-  },
-})
+      return {
+        listKey,
+        ListContent,
+        searchValue,
+        currentPage,
+        ...toRefs(state),
+        changeCards,
+        handleChange,
+        resourceList,
+        videoList,
+        resourceTotal,
+        pageChange,
+        listKey2,
+        Cardsname,
+        getNewList,
+        getAppResources,
+        getAppResources2,
+        chongzhi,
+        onSearch,
+        onShowSizeChange,
+        currentPageSize,
+        pageSizeOptions,
+        changeShrink,
+        titleName,
+        keyongziyuanqingkaung,
+        shujuziyuanqingkuang,
+        dianjitiaozhaun,
+        chagneTag,
+        tagFlag,
+        current,
+        openMonitor,
+        loading,
+        getShoppingCartList,
+        whoShow1,
+        applyAll,
+        handleAdd,
+        flag,
+        abilitySquare,
+        visibleAbilitySquare,
+        showAbilitySquare,
+        abilitySquareFunction,
+        abilitySquareFunctionData,
+        showAbilitySquareNum,
+        globalData,
+        globalSearch,
+        camera,
+        saveSearchCodition,
+        searchResultListDom,
+        handleSetSearchData, // todo
+      }
+    },
+    components: {
+      HomeHeader,
+      HomeFooter,
+      detailsPageconetentTree,
+      searchResultList,
+      UpOutlined,
+      DownOutlined,
+      KnowledgeBase,
+      DetailsPageResource,
+      infrastructurePage,
+      detailsPageInfrastructureTree,
+    },
+    beforeUnmount() {
+      mybus.off('getCameraByParentId')
+      mybus.off('selectCardsitem')
+      mybus.off('paramsGetResources')
+      mybus.off('changeCondition')
+      mybus.off('refresh')
+      mybus.off('changePage')
+      mybus.off('changeInfo')
+    },
+  })
 </script>
 <style lang="less" scoped>
 @font-face {
@@ -1452,7 +1819,8 @@ export default defineComponent({
           display: flex;
           align-items: center;
 
-          .tupian {}
+          .tupian {
+          }
 
           .title {
             margin-left: 0.1rem;
@@ -1485,7 +1853,7 @@ export default defineComponent({
         }
       }
 
-      .yunziyuan>div {
+      .yunziyuan > div {
         margin-bottom: 0.1rem;
       }
 
@@ -1496,7 +1864,8 @@ export default defineComponent({
           display: flex;
           align-items: center;
 
-          .tupian {}
+          .tupian {
+          }
 
           .title {
             margin-left: 0.1rem;
@@ -1520,12 +1889,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;
@@ -1554,7 +1923,8 @@ export default defineComponent({
           align-items: center;
           margin-left: 0.2rem;
 
-          .tupian {}
+          .tupian {
+          }
 
           .title {
             margin-left: 0.1rem;
@@ -1587,12 +1957,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;
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index 50ec24e5..878bf69b 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -456,16 +456,31 @@
             批量预览
           </a-button>
           <!-- 添加至申购车 -->
-          <a-button type="primary" @click="addShoppingCart" class="buttonAdd" v-if="!cloudResourcesFlag">
+          <a-button
+            type="primary"
+            @click="addShoppingCart"
+            class="buttonAdd"
+            v-if="!cloudResourcesFlag"
+          >
             添加至申购车
           </a-button>
           <!-- 一键申请 -->
-          <a-button type="primary" @click="apply" class="buttonAdd" v-if="!cloudResourcesFlag">
+          <a-button
+            type="primary"
+            @click="apply"
+            class="buttonAdd"
+            v-if="!cloudResourcesFlag"
+          >
             一键申请
           </a-button>
-           <!-- 申请政务云资源 -->
-          <a-button type="primary" @click="applyCloudResources" class="buttonAdd"  v-if="cloudResourcesFlag">
-           我要申请政务云资源
+          <!-- 申请政务云资源 -->
+          <a-button
+            type="primary"
+            @click="applyCloudResources"
+            class="buttonAdd"
+            v-if="cloudResourcesFlag"
+          >
+            我要申请政务云资源
           </a-button>
         </div>
       </div>
@@ -899,7 +914,7 @@
       }
     } else {
       tabClick(0, '政务云资源')
-      getCamera()
+      // getCamera()
     }
 
     mybus.off('getListByParentId')
@@ -920,7 +935,7 @@
   const tabList = ref([
     {
       title: '设施类型',
-      content: ['政务云资源','视频资源', '感知资源', '城市云脑会客厅'],
+      content: ['政务云资源', '视频资源', '感知资源', '城市云脑会客厅'],
     },
     {
       title: '视频标签',
@@ -1340,13 +1355,13 @@
     selectedList.value = []
     if (clickList.value[indexFather].content.indexOf(name) != -1) {
       if (name == '视频资源') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         room.value = true
         tableHeight.value = 330
         showMap.value = true
         tabList.value[1].title = '视频标签'
       } else if (name == '政务云资源') {
-        cloudResourcesFlag.value = true;
+        cloudResourcesFlag.value = true
         room.value = true
         tableHeight.value = 600
         showMap.value = false
@@ -1355,7 +1370,7 @@
         pagination.value.total = 0
         tabList.value[1].title = '政务云资源分类'
       } else if (name == '感知资源') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         room.value = true
         tableHeight.value = 330
         showMap.value = true
@@ -1363,7 +1378,7 @@
         dataSource2.value = []
         pagination.value.total = 0
       } else if (name == '城市云脑会客厅') {
-          cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         //     room.value = false
         //     wrjFlag.value = true
         //     showMap.value = false
@@ -1380,7 +1395,7 @@
     } else {
       if (name == '视频资源') {
         wrjFlag.value = false
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         tableHeight.value = 330
         showMap.value = true
         tabList.value[1].content = []
@@ -1408,7 +1423,7 @@
         emits('add', 1)
         getCamera()
       } else if (name == '政务云资源') {
-        cloudResourcesFlag.value = true;
+        cloudResourcesFlag.value = true
         tableHeight.value = 600
         showMap.value = false
         dataSource.value = []
@@ -1431,7 +1446,7 @@
         wrjFlag.value = false
         emits('add', 2)
       } else if (name == '感知资源') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         tableHeight.value = 330
         showMap.value = true
         clickList.value[1].content = []
@@ -1445,7 +1460,7 @@
         wrjFlag.value = false
         emits('add', 3)
       } else if (name == '无人机') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         room.value = true
         tableHeight.value = 600
         showMap.value = false
@@ -1466,7 +1481,7 @@
         })
         wrjFlag.value = true
       } else if (name == '单兵设备') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         room.value = true
         tableHeight.value = 600
         showMap.value = false
@@ -1487,7 +1502,7 @@
         })
         wrjFlag.value = true
       } else if (name == '城市云脑会客厅') {
-        cloudResourcesFlag.value = false;
+        cloudResourcesFlag.value = false
         showMap.value = false
         dataSource.value = []
         dataSource2.value = []
@@ -1769,8 +1784,8 @@
     }
   }
   // 申请政务云资源
-   const applyCloudResources = () => {
-    window.open("http://15.72.183.88:8760/yzy/login")
+  const applyCloudResources = () => {
+    window.open('http://15.72.183.88:8760/yzy/login')
   }
   // 表格
   const dataSource = ref([])
@@ -1877,209 +1892,97 @@
   }
 </script>
 <style lang="less" scoped>
-  .infrastructrueBox {
-    padding: 0.2rem;
-    // background: #f3f5f9;
-    background: #ffffff;
-    /* padding: 0.16rem; */
-    border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
-    .infrastructrue-tab {
-      // background: #ffffff;
-      // padding: 0.2rem;
-      // border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
-      span {
-        display: inline-block;
-        height: 0.24rem;
-        font-size: 0.14rem;
-        line-height: 0.24rem;
-        border: 0;
-        border-radius: 0.12rem;
-        margin-left: 0.1rem;
-        text-align: center;
-        color: #666666;
-        cursor: pointer;
-        padding: 0 0.08rem;
-      }
-      .leftType {
-        margin: 0.2rem 0;
-        margin-right: 0.06rem;
-      }
-      .down {
-        background: #0087ff;
-        color: #ffffff;
-      }
-      .tabBox {
-        margin-bottom: 0.16rem;
-      }
-      .tabBox:last-of-type {
-        margin-bottom: 0;
-      }
+.infrastructrueBox {
+  padding: 0.2rem;
+  // background: #f3f5f9;
+  background: #ffffff;
+  /* padding: 0.16rem; */
+  border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
+  .infrastructrue-tab {
+    // background: #ffffff;
+    // padding: 0.2rem;
+    // border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
+    span {
+      display: inline-block;
+      height: 0.24rem;
+      font-size: 0.14rem;
+      line-height: 0.24rem;
+      border: 0;
+      border-radius: 0.12rem;
+      margin-left: 0.1rem;
+      text-align: center;
+      color: #666666;
+      cursor: pointer;
+      padding: 0 0.08rem;
     }
-    .infrastructrue-content {
-      display: flex;
-      justify-content: space-between;
-      padding: 0.14rem 0.2rem 0.1rem;
-      background: #ffffff;
-      .contentNum {
-        position: relative;
-        display: flex;
-        p {
-          color: #666666;
-          padding: 0;
-          margin: 0;
-          span {
-            color: #0087ff;
-            font-size: 0.2rem;
-            font-weight: 500;
-          }
-        }
-        p:first-of-type {
-          padding-right: 0.16rem;
-          margin-right: 0.16rem;
-        }
-        .boundary {
-          position: absolute;
-          left: 0.9rem;
-          top: 0.07rem;
-          display: block;
-          width: 0.02rem;
-          border-radius: 0.01rem;
-          height: 0.2rem;
-          background: rgba(150, 144, 144, 0.3);
-        }
-      }
-      .contentRight {
-        position: relative;
-        display: flex;
-        justify-content: space-between;
-        .boundary {
-          position: absolute;
-          left: 3.74rem;
-          top: 0.07rem;
-          display: block;
-          width: 0.02rem;
-          border-radius: 0.01rem;
-          height: 0.2rem;
-          background: rgba(150, 144, 144, 0.3);
-        }
-        .searchInput {
-          display: flex;
-          margin-right: 0.2rem;
-          .ant-input-search {
-            max-width: 4rem;
-          }
-          :deep(.ant-input) {
-            width: 2rem;
-            height: 0.36rem;
-            font-size: 0.14rem;
-            color: #b2b2b2;
-            background: #f5f5f5;
-          }
-          :deep(.ant-input-group-addon) {
-            display: inline-block;
-            margin-left: 0.1rem;
-            .ant-input-search-button {
-              width: 0.8rem;
-              height: 0.36rem;
-              background: #0558e1;
-              border-radius: 0.04rem;
-              font-size: 0.14rem;
-            }
-          }
-          :deep(.ant-btn) {
-            background: #0558e1;
-            border-radius: 0.04rem;
-          }
-        }
-        .buttonAdd {
-          background: #0558e1;
-          border-radius: 0.04rem;
-          height: 0.36rem;
-          border-color: #0558e1;
-          margin-left: 0.1rem;
-        }
-      }
+    .leftType {
+      margin: 0.2rem 0;
+      margin-right: 0.06rem;
     }
-    .infrastructrue-table {
-      .ant-table-striped :deep(.table-striped) td {
-        background-color: #fafafa;
-      }
+    .down {
+      background: #0087ff;
+      color: #ffffff;
     }
-    .map-contain {
-      // width: 9.46rem;
-      height: 4.1rem;
-      margin-left: 0.16rem;
-      position: relative;
+    .tabBox {
+      margin-bottom: 0.16rem;
     }
-  }
-  .roomBackground {
-    background: #0058e1;
-    color: #ffffff;
-  }
-  .nullBackground {
-    background: #f3f5f9;
-    color: #0087ff;
-  }
-  :deep(.ant-form-item-control-input-content) {
-    margin-left: 0.15rem;
-  }
-  :deep(.ant-col) {
-    .ant-form-item {
+    .tabBox:last-of-type {
       margin-bottom: 0;
     }
   }
-  .jinggaoD {
+  .infrastructrue-content {
     display: flex;
-    align-items: center;
-  }
-  .jinggaoNull {
-    display: none;
-  }
-  .imgJinggao {
-    width: 0.2rem;
-    height: 0.2rem;
-    background: url('~@/assets/home/jingao.png') no-repeat;
-    background-size: 100%;
-  }
-  .introduction {
-    :deep(.ant-form-item-control) {
-      margin-left: -2.1rem;
-    }
-  }
-  .roomBox {
-    .leftMake {
-      float: left;
-      margin-left: -1rem;
-      margin-top: -0.5rem;
-      font-size: 0.2rem;
-      cursor: pointer;
-      .leftTop {
-        width: 0.6rem;
-        height: 1.75rem;
-        border-top-left-radius: 0.08rem;
-        border-bottom-left-radius: 0.08rem;
-        padding: 0.13rem;
-        text-align: center;
-      }
-      .leftBottom {
-        width: 0.6rem;
-        height: 1.75rem;
-        border-top-left-radius: 0.08rem;
-        border-bottom-left-radius: 0.08rem;
-        padding: 0.2rem 0.13rem 0.1rem 0.1rem;
-        text-align: center;
-      }
-    }
-    .roomSearch {
+    justify-content: space-between;
+    padding: 0.14rem 0.2rem 0.1rem;
+    background: #ffffff;
+    .contentNum {
+      position: relative;
       display: flex;
-      align-items: center;
+      p {
+        color: #666666;
+        padding: 0;
+        margin: 0;
+        span {
+          color: #0087ff;
+          font-size: 0.2rem;
+          font-weight: 500;
+        }
+      }
+      p:first-of-type {
+        padding-right: 0.16rem;
+        margin-right: 0.16rem;
+      }
+      .boundary {
+        position: absolute;
+        left: 0.9rem;
+        top: 0.07rem;
+        display: block;
+        width: 0.02rem;
+        border-radius: 0.01rem;
+        height: 0.2rem;
+        background: rgba(150, 144, 144, 0.3);
+      }
+    }
+    .contentRight {
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      .boundary {
+        position: absolute;
+        left: 3.74rem;
+        top: 0.07rem;
+        display: block;
+        width: 0.02rem;
+        border-radius: 0.01rem;
+        height: 0.2rem;
+        background: rgba(150, 144, 144, 0.3);
+      }
       .searchInput {
         display: flex;
         margin-right: 0.2rem;
-        margin-left: 0.2rem;
-        // .ant-input-search {
-        //   max-width: 4rem;
-        // }
+        .ant-input-search {
+          max-width: 4rem;
+        }
         :deep(.ant-input) {
           width: 2rem;
           height: 0.36rem;
@@ -2094,143 +1997,255 @@
             width: 0.8rem;
             height: 0.36rem;
             background: #0558e1;
-            border-radius: 0.06rem;
+            border-radius: 0.04rem;
             font-size: 0.14rem;
           }
         }
         :deep(.ant-btn) {
-          border-radius: 0.06rem;
+          background: #0558e1;
+          border-radius: 0.04rem;
         }
       }
-    }
-    .roomTableList {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin: 0.4rem 0 0.2rem 0;
-      .roomTime {
-        display: flex;
-        align-items: center;
-        :deep(.ant-space-vertical) {
-          flex-direction: inherit;
-          margin-left: 0.2rem;
-        }
+      .buttonAdd {
+        background: #0558e1;
+        border-radius: 0.04rem;
+        height: 0.36rem;
+        border-color: #0558e1;
+        margin-left: 0.1rem;
       }
     }
-    .roomItem {
-      width: 10.3rem;
-      height: 2rem;
-      border-top: 1px #d5d4d4 solid;
-      display: flex;
-      align-items: center;
-      .leftImg {
-        width: 2.4rem;
-        height: 1.75rem;
-        margin: 0 0.3rem 0 0.15rem;
-
-        // background: url('~@/assets/home/yyzy_square.png') no-repeat;
-        background-size: 100%;
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-      .rightContent {
-        height: 1.75rem;
-        width: 5.8rem;
-        .topContent {
-          font-size: 0.2rem;
-          color: #000;
-          font-weight: 600;
-        }
-        .centerContent {
-          display: flex;
-          justify-content: space-between;
-          font-size: 0.14rem;
-          margin: 0.15rem 0 0.2rem 0;
-        }
-      }
-    }
-    :deep(.ant-pagination) {
-      float: right;
-    }
-    :deep(.ant-pagination) {
-      text-align: end;
-    }
   }
+  .infrastructrue-table {
+    .ant-table-striped :deep(.table-striped) td {
+      background-color: #fafafa;
+    }
+  }
+  .map-contain {
+    // width: 9.46rem;
+    height: 4.1rem;
+    margin-left: 0.16rem;
+    position: relative;
+  }
+}
+.roomBackground {
+  background: #0058e1;
+  color: #ffffff;
+}
+.nullBackground {
+  background: #f3f5f9;
+  color: #0087ff;
+}
+:deep(.ant-form-item-control-input-content) {
+  margin-left: 0.15rem;
+}
+:deep(.ant-col) {
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+}
+.jinggaoD {
+  display: flex;
+  align-items: center;
+}
+.jinggaoNull {
+  display: none;
+}
+.imgJinggao {
+  width: 0.2rem;
+  height: 0.2rem;
+  background: url('~@/assets/home/jingao.png') no-repeat;
+  background-size: 100%;
+}
+.introduction {
+  :deep(.ant-form-item-control) {
+    margin-left: -2.1rem;
+  }
+}
+.roomBox {
+  .leftMake {
+    float: left;
+    margin-left: -1rem;
+    margin-top: -0.5rem;
+    font-size: 0.2rem;
+    cursor: pointer;
+    .leftTop {
+      width: 0.6rem;
+      height: 1.75rem;
+      border-top-left-radius: 0.08rem;
+      border-bottom-left-radius: 0.08rem;
+      padding: 0.13rem;
+      text-align: center;
+    }
+    .leftBottom {
+      width: 0.6rem;
+      height: 1.75rem;
+      border-top-left-radius: 0.08rem;
+      border-bottom-left-radius: 0.08rem;
+      padding: 0.2rem 0.13rem 0.1rem 0.1rem;
+      text-align: center;
+    }
+  }
+  .roomSearch {
+    display: flex;
+    align-items: center;
+    .searchInput {
+      display: flex;
+      margin-right: 0.2rem;
+      margin-left: 0.2rem;
+      // .ant-input-search {
+      //   max-width: 4rem;
+      // }
+      :deep(.ant-input) {
+        width: 2rem;
+        height: 0.36rem;
+        font-size: 0.14rem;
+        color: #b2b2b2;
+        background: #f5f5f5;
+      }
+      :deep(.ant-input-group-addon) {
+        display: inline-block;
+        margin-left: 0.1rem;
+        .ant-input-search-button {
+          width: 0.8rem;
+          height: 0.36rem;
+          background: #0558e1;
+          border-radius: 0.06rem;
+          font-size: 0.14rem;
+        }
+      }
+      :deep(.ant-btn) {
+        border-radius: 0.06rem;
+      }
+    }
+  }
+  .roomTableList {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0.4rem 0 0.2rem 0;
+    .roomTime {
+      display: flex;
+      align-items: center;
+      :deep(.ant-space-vertical) {
+        flex-direction: inherit;
+        margin-left: 0.2rem;
+      }
+    }
+  }
+  .roomItem {
+    width: 10.3rem;
+    height: 2rem;
+    border-top: 1px #d5d4d4 solid;
+    display: flex;
+    align-items: center;
+    .leftImg {
+      width: 2.4rem;
+      height: 1.75rem;
+      margin: 0 0.3rem 0 0.15rem;
+
+      // background: url('~@/assets/home/yyzy_square.png') no-repeat;
+      background-size: 100%;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .rightContent {
+      height: 1.75rem;
+      width: 5.8rem;
+      .topContent {
+        font-size: 0.2rem;
+        color: #000;
+        font-weight: 600;
+      }
+      .centerContent {
+        display: flex;
+        justify-content: space-between;
+        font-size: 0.14rem;
+        margin: 0.15rem 0 0.2rem 0;
+      }
+    }
+  }
+  :deep(.ant-pagination) {
+    float: right;
+  }
+  :deep(.ant-pagination) {
+    text-align: end;
+  }
+}
 </style>
 <style lang="less">
-  .wrj {
-    .ant-modal-body {
-      height: 700px !important;
-    }
+.wrj {
+  .ant-modal-body {
+    height: 700px !important;
   }
-  .modalClass {
-    .ant-modal-body {
-      height: 4rem !important;
-      overflow-y: scroll !important;
-    }
-    .ant-modal-title {
-      font-weight: 600;
-    }
-    .ant-modal-content {
-      .ant-modal-header {
-        border-bottom: 0 !important;
-      }
-    }
+}
+.modalClass {
+  .ant-modal-body {
+    height: 4rem !important;
+    overflow-y: scroll !important;
   }
-  .appModal {
-    .ant-modal-body {
-      height: 4.8rem !important;
-      overflow-y: scroll !important;
-    }
-    .ant-modal-title {
-      font-weight: 600;
-    }
-    .ant-modal-content {
-      .ant-modal-header {
-        border-bottom: 0 !important;
-      }
-    }
+  .ant-modal-title {
+    font-weight: 600;
   }
-  .single-preview-modal {
+  .ant-modal-content {
     .ant-modal-header {
-      background: url(~@/assets/home/video-background.png) no-repeat;
-      background-size: cover;
-    }
-    .ant-modal-title {
-      font-size: 0.16rem;
-      font-weight: 500;
-      color: #ffffff;
-    }
-    .anticon {
-      color: #ffffff;
+      border-bottom: 0 !important;
     }
   }
-  .batch-preview-modal {
-    .batch-video {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 50% 50%;
-      grid-template-rows: 50% 50%;
-      justify-content: center;
-      grid-row-gap: 10px;
-      grid-column-gap: 10px;
-    }
-    .ant-pagination-item-link {
-      background-color: #5580f7;
-    }
+}
+.appModal {
+  .ant-modal-body {
+    height: 4.8rem !important;
+    overflow-y: scroll !important;
+  }
+  .ant-modal-title {
+    font-weight: 600;
+  }
+  .ant-modal-content {
     .ant-modal-header {
-      background: url(~@/assets/home/video-background.png) no-repeat;
-      background-size: cover;
-    }
-    .ant-modal-title {
-      font-size: 0.16rem;
-      font-weight: 500;
-      color: #ffffff;
-    }
-    .anticon {
-      color: #ffffff;
+      border-bottom: 0 !important;
     }
   }
+}
+.single-preview-modal {
+  .ant-modal-header {
+    background: url(~@/assets/home/video-background.png) no-repeat;
+    background-size: cover;
+  }
+  .ant-modal-title {
+    font-size: 0.16rem;
+    font-weight: 500;
+    color: #ffffff;
+  }
+  .anticon {
+    color: #ffffff;
+  }
+}
+.batch-preview-modal {
+  .batch-video {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 50% 50%;
+    grid-template-rows: 50% 50%;
+    justify-content: center;
+    grid-row-gap: 10px;
+    grid-column-gap: 10px;
+  }
+  .ant-pagination-item-link {
+    background-color: #5580f7;
+  }
+  .ant-modal-header {
+    background: url(~@/assets/home/video-background.png) no-repeat;
+    background-size: cover;
+  }
+  .ant-modal-title {
+    font-size: 0.16rem;
+    font-weight: 500;
+    color: #ffffff;
+  }
+  .anticon {
+    color: #ffffff;
+  }
+}
 </style>