From 9c6bb8fc7f09d1ef50511f8cc50fdfa012538bb9 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Wed, 4 Jan 2023 15:49:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ability/assignedScene/area-add.vue        |    2 +-
 .../ability/assignedScene/city-add.vue        |    2 +-
 front/src/api/home.js                         |    8 +
 front/src/assets/home/area.png                |  Bin 0 -> 1758 bytes
 front/src/assets/home/city.png                |  Bin 0 -> 2427 bytes
 front/src/views/home/algorithmCompare.vue     |   12 +
 .../views/home/components/CanAssignCase.vue   |   16 +-
 front/src/views/home/components/header.vue    |    3 +
 .../home/components/searchResultList.vue      |    1 +
 front/src/views/home/infrastructurePage.vue   |   70 +-
 front/src/views/home/integrationServices.vue  | 1008 ++++++++++-------
 11 files changed, 681 insertions(+), 441 deletions(-)
 create mode 100644 front/src/assets/home/area.png
 create mode 100644 front/src/assets/home/city.png

diff --git a/back/src/views/modules/ability/assignedScene/area-add.vue b/back/src/views/modules/ability/assignedScene/area-add.vue
index 97a3289a..edac755d 100644
--- a/back/src/views/modules/ability/assignedScene/area-add.vue
+++ b/back/src/views/modules/ability/assignedScene/area-add.vue
@@ -21,7 +21,7 @@
               <el-form-item label="赋能领域:" prop="unit">
                 <el-select v-model="dataForm.applicationArea" placeholder="请选择">
                   <el-option v-for="item in sceneAreas" :key="item.data" :label="item.dict_label"
-                    :value="item.dict_value"></el-option>
+                    :value="item.dict_label"></el-option>
                 </el-select>
               </el-form-item>
               <el-form-item label="场景名称:" prop="name">
diff --git a/back/src/views/modules/ability/assignedScene/city-add.vue b/back/src/views/modules/ability/assignedScene/city-add.vue
index ef905e15..4560fcfb 100644
--- a/back/src/views/modules/ability/assignedScene/city-add.vue
+++ b/back/src/views/modules/ability/assignedScene/city-add.vue
@@ -36,7 +36,7 @@
               <el-form-item label="赋能领域:" prop="unit">
                 <el-select v-model="dataForm.applicationArea" placeholder="请选择">
                   <el-option v-for="item in sceneAreas" :key="item.data" :label="item.dict_label"
-                    :value="item.dict_value"></el-option>
+                    :value="item.dict_label"></el-option>
                 </el-select>
               </el-form-item>
               <el-form-item label="场景名称:" prop="name">
diff --git a/front/src/api/home.js b/front/src/api/home.js
index 1e5c88d4..72637007 100644
--- a/front/src/api/home.js
+++ b/front/src/api/home.js
@@ -588,3 +588,11 @@ export function sysnoticemanagement(params) {
     params,
   })
 }
+//获取所有区市
+export function getRegion(params) {
+  return request({
+    url: '/sys/region/list/',
+    method: 'get',
+     params,
+  })
+}
diff --git a/front/src/assets/home/area.png b/front/src/assets/home/area.png
new file mode 100644
index 0000000000000000000000000000000000000000..ffd4ec0703c8636968cc928ecb966410c8c28749
GIT binary patch
literal 1758
zcmaJ?c~BE)91Zs+hX^QAVJ9%kncV~svLr$v96^H+QBaX_Nft;UyJ54CfG400s8|FP
zi;j3eD`h;YREy#`2u_QIf)pw$7O9Ao(^iUtR=PpJ{!zL!yWcVIz2EV@Z#F+NBGlA)
zxiO7KGZlpKMbt>wyoUPJ7Y;SKLk+fMa4fk2Pb8HHfzo&qJOKp+G9(EVp@<|itqJAO
zXgW^P=vXpVxDFQMG6tf-FjO)*#ir3X{wg^lPC-c^0Zo!(T>99}+jKxG;nHKgg^*Al
zgeFVFvIulTRz$QoD@Dwf(EZl{92HCn$WRgiRI*e|0js$58C{r~Yqmi;Fase|xbzQ6
z#R?;VAe=w}9|qGy3_%d!!)8d31Vo&W;0~}L788WLK&F=m1i_wc*vku;edts;LXrrJ
z_#v~ws1=u<Op<aK1eHo9L+Q!Di6oH8X0t(v1+rKk6v9K1iIIrP15-H8DezH+n2^dz
zDUJaeMI-@FC%JSg)ekku<nywaVzy6I$3PV#2bl~=Q_~z!DExn@Og4{JkRtSBzW*t#
zh|ZLwpa@mq>4ca%xkN`zC^;NNpa_W*(Kwzu*T%?XoWvE$xEx@4G9bV?Mv6&rrNU)~
zAQZv^OhF=;7!~ljbV`CDl}cb<P$0`EFofwF=;_O32J_jT-cS(RhY3L}ub^Od$Q+lC
zi_>K&M$U01AGxdrxf(Ob<WyunN=P$MNeF?<fSH<M>4Lcghb*W!%atsg3$!2?q>=$O
zC;P9Hp4+1AqnXYdms-qQAH^uY6O^&jtxhhY?n|VA&x=+)8jfj6S;Dj0gBPb33B{sH
z8(B)V{ij>MS>=EF^gw;_qrs?`&YLP!qG=<Zm7X51XKv3o`L*Ogq-!8(Y?|ZHWo~kz
zWK*)N=*w20hfSly89psfE7gl^`%`*$+|C?p!B>XyFRwVD^|+!VyCXYw<5^zuAN5}Z
zb#sFEV$)^5V&^S22Irfr^^US1miJ8zK6>^`TuVS(qe1t0)nMM+A3|3wc5`H}Kg{&k
z1(!*7k>xj&QVcA8U~X1rxKqP3ql8HP*SgloUDu)&X_iBQ`qqVQRn}#B`=4`7P?@a`
zHc<)K-@Od*BHx4%nW|UbV+YL#pNF~IrY$lZU)eilwAOF(#tHGu-PZ<kFBmnhJCpmK
zJvMlWmUMa~Lu8rL7ssY!KjlFMEmrk4!>0Llu4?nJR~;4f!)@^E_z3G%N2_7fz~M$u
zUXg`eQCVAQySJ7gcEB*bVlg)ERDVd<t*O*-bXR<CZD&Eti|-CuG>EG70hfj&oG13`
z_hwhWF3PX8tSe(=3HVbvuDKrA<e+_T&rnZr>^r`NY41~Qzl5D>Pt0^Ov-ff`Biy6x
z@|X?8+sO7#^-<FktE_se*>*xY-_2JSmxrZdN7khIpX&7Uw(0Kg*Q@TnP~_V*Bxu?F
z{bw9rg-ZK=y1Ds_+S+q^`+kh&WN&jnxv|R62YyhDg*RWf$Knis<GoKj{`eVDckkQs
zA*E4<%k7YZNB}fY)kVHG`NXfMe>j7DW7jur74heQ$J%#K_n+%GQ%p7=&5frYGBI!0
z-E&>7E<KRBJnGg&nq;{RmOiKzWxErtZM!p~t2}Xk;syk@6*BWV>v-}(!taGmP2G;w
z-e%#4js0>qH|*WFKM{Pe3MkjwwE7r=-W-1WRddPGuKxA$u2Xup0bRYv`?3m#E|q0_
zd6k(zY^ycis{O|K=W8AM6<0X0Q9=FZB|32qX}4lM3&$g_mKs`%+T9TTy;q?%5kl9L
zkZN14NgEe+lk)GF+}z$O3vH(*Zfq~%sGi#TqWs<ZQzoru)~@mVOQA;LTLOxHKd*`z
z?Wx%|K2q9kx76C8u+?RB$dt%xrMa;huWUXxGF4t$3;Jp|7TTQYoZj9^**e-~T6Y;u
Ye8oNdud{0%G=CgHa0LHi;P#w<04XP>B>(^b

literal 0
HcmV?d00001

diff --git a/front/src/assets/home/city.png b/front/src/assets/home/city.png
new file mode 100644
index 0000000000000000000000000000000000000000..606e279aa771c30cc8809989c1788947179bed92
GIT binary patch
literal 2427
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

literal 0
HcmV?d00001

diff --git a/front/src/views/home/algorithmCompare.vue b/front/src/views/home/algorithmCompare.vue
index 6fffa394..8cacd6ad 100644
--- a/front/src/views/home/algorithmCompare.vue
+++ b/front/src/views/home/algorithmCompare.vue
@@ -667,12 +667,23 @@
 </script>
 
 <style>
+
   .ant-modal-footer {
     display: block;
   }
 </style>
 
 <style lang="less" scoped>
+
+  :deep(.ant-table-tbody > tr.ant-table-row-selected > td){
+    background: #e6eefb;
+ }
+ :deep(.ant-checkbox-checked .ant-checkbox-inner){
+  background-color: #0058e1;
+ }
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
+  background-color: #0058e1;
+ }
   .bg {
     background: #fff;
     height: 100vh;
@@ -884,6 +895,7 @@
   .modal-box {
     height: 650px;
     width: 800px;
+
   }
 
   .add-img {
diff --git a/front/src/views/home/components/CanAssignCase.vue b/front/src/views/home/components/CanAssignCase.vue
index a3b8676d..e98300f9 100644
--- a/front/src/views/home/components/CanAssignCase.vue
+++ b/front/src/views/home/components/CanAssignCase.vue
@@ -82,14 +82,14 @@ watch(
     justify-items: center;
 
     .caseBox {
-      width: 3.5rem;
-      height: 3rem;
-      box-shadow: 1px 1px 5px 5px rgba(222, 222, 222, 0.152);
-      background: #ffffff;
-      border-radius: 0.05rem;
-      padding: 0.2rem;
-      margin-bottom: 0.2rem;
-      cursor: pointer;
+        width: 3.5rem;
+    height: 3rem;
+    border: 1px solid #ebecef;
+    box-shadow: 1px 1px 5px 5px rgb(222 222 222 / 15%);
+    background: #ffffff;
+    padding: 0.2rem;
+    margin-bottom: 0.2rem;
+    cursor: pointer;
 
       img {
         width: 3rem;
diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue
index f78b2384..c598bed9 100644
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@@ -189,6 +189,9 @@
   }else if(newValue=='/demandDetails'){
     select.value='demandCenter'
   }
+  else if(newValue=='/integrationServicesDetails'){
+    select.value='integrationServices'
+  }
   
     },
     { immediate: true }
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index 75ae67f6..9ed5a479 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -969,6 +969,7 @@
       // margin: 11px 0 20px;
       // background: #e5f2ff;
       // padding-left: 20px;
+      padding-top:10px;
       display: flex;
       align-items: center;
       position: relative;
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index f648304b..af82d8fc 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -408,18 +408,23 @@
             :wrapper-col="{ span: 14, offset: 4 }"
             style="text-align: center; margin-top: 0.4rem"
           >
-            <a-button @click="appointmentRoom = false" type="primary" danger>
-              取消
-            </a-button>
-            <a-button
-              style="margin-left: 10px"
-              type="primary"
+          <a-button
+             class="tijiao"
+            
               @click="onSubmit"
             >
               提交
             </a-button>
+            <a-button class="quxiao" @click="appointmentRoom = false" >
+              取消
+            </a-button>
+   
           </a-form-item>
         </a-form>
+       
+          
+            
+   
       </a-modal>
     </div>
     <div v-if="room">
@@ -1210,7 +1215,7 @@
     if (item && item.status != 1) {
       return
       // return message.warning('当前设备离线, 不可预览！')
-    }
+    }handleChose
     console.log('打开视频', id)
     const param = {
       key: id,
@@ -2515,6 +2520,38 @@
   })
 </script>
 <style lang="less" scoped>
+ 
+.quxiao{
+      margin-right:12px;
+      cursor: pointer;
+      width: 90px;
+      height: 32px;
+      background: #ffffff;
+      color:#0058e1;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+    }
+    .quxiao:hover{
+      background: #fff;
+  color: #0558e1;
+  opacity: 0.8;
+    }
+    .tijiao{
+      margin-right:12px;
+      cursor: pointer;
+      width: 90px;
+      height: 32px;
+      background: #0058e1;
+      color:#ffffff;
+      border-radius: 2px;
+      border: 1px #0058e1 solid;
+      margin-left:20px;
+    }
+    .tijiao:hover{
+      background: #0558e1;
+      color: #fff;
+      opacity: 0.8;
+    }
   .queding {
     margin-left: 16px;
     cursor: pointer;
@@ -2862,10 +2899,20 @@
     // }
   }
   :deep(.ant-table-thead > tr > th) {
-    color: #5580f7 !important;
+    color: #0058e1 !important;
     font-size: 16px !important;
     font-weight: 600 !important;
   }
+  :deep(.ant-table-tbody > tr.ant-table-row-selected > td){
+    background: #e6eefb;
+ }
+ :deep(.ant-checkbox-checked .ant-checkbox-inner){
+  background-color: #0058e1;
+ }
+ :deep(.ant-checkbox-indeterminate .ant-checkbox-inner::after){
+  background-color: #0058e1;
+ }
+
 </style>
 <style lang="less">
   .eia-dropdown-class {
@@ -2897,16 +2944,19 @@
 
   .appModal {
     .ant-modal-body {
-      height: 4.8rem !important;
+      height: 3.8rem !important;
       overflow-y: scroll !important;
     }
 
     .ant-modal-title {
       font-weight: 600;
+      color:#fff;
     }
-
+    
     .ant-modal-content {
       .ant-modal-header {
+        background: #0058e1;
+      margin-bottom: 16px;
         border-bottom: 0 !important;
       }
     }
diff --git a/front/src/views/home/integrationServices.vue b/front/src/views/home/integrationServices.vue
index b9f8efb6..1ad8a158 100644
--- a/front/src/views/home/integrationServices.vue
+++ b/front/src/views/home/integrationServices.vue
@@ -1,90 +1,92 @@
 <template>
   <!-- 青岛 -->
+  <div class="top-title">
+
+    <div v-for="item in titleName" :key="item.index" class="tabAll" @click="changeCards(item.index)"
+      :class="{ sel: item.index === number }">
+      <span>
+        {{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }}
+      </span>
+    </div>
+  </div>
   <div class="details-pageconetent">
     <home-header></home-header>
     <div class="top">
-      <div class="top-title">
-        全部：
-        <div
-          v-for="item in titleName"
-          :key="item.index"
-          class="tabAll"
-          @click="changeCards(item.index)"
-          :class="{ sel: item.index === number }"
-        >
-          <span>
-            {{ item.name === '赋能场景' ? '典型赋能场景' : '打包模式' }}
-          </span>
-        </div>
-      </div>
+
       <div class="resultListSearchInput-father" v-if="number === 0">
+        <div class="second-title">
+          <div :class="[cityOrArea === 0 ? 'departmentStyle' : 'departmentStyle1']" @click="handleChose(0)">
+            <img src="~@/assets/home/city.png" /> 市级领域场景
+            <div :class="cityOrArea === 0 ? 'sanjiao' : ''"></div>
+          </div>
+
+          <div :class="[cityOrArea === 1 ? 'departmentStyle' : 'departmentStyle1']" @click="handleChose(1)">
+            <img src="~@/assets/home/area.png" /> 基层场景
+            <div :class="cityOrArea === 1 ? 'sanjiao' : ''"></div>
+          </div>
+
+        </div>
         <div class="resultListSearchInput-son">
-          模糊搜索
-          <a-input-search
-            v-model:value="searchValue"
-            placeholder="请输入关键词"
-            enter-button="搜索"
-            size="large"
-            @search="getIntegrationList"
-            @change="onSearch"
-            class="resultListSearchInput"
-          />
-            <i  class="searchImg" aria-hidden="true"></i>
-          <button class="button-reset" @click="resetAction()">重置</button>
-        
-          <div class="hengxian"></div>
+          <div class="son-input">
+            <a-input-search v-model:value="searchValue" placeholder="请输入关键字" enter-button="搜索" size="large"
+              @search="getIntegrationList" @change="onSearch" class="resultListSearchInput" />
+            <i class="searchImg" aria-hidden="true"></i>
+            <!-- <button class="button-reset" @click="resetAction()">重置</button> -->
+          </div>
+          <div>
+
+            <div class="all">全部</div>
+            <div class="choose-tab" v-if="cityOrArea === 0">
+              <span v-for="item in senses" :key="item.data" @click="tabSensesClick(item.dict_label)" :class="
+  clickSensesList.indexOf(item.dict_label) != -1
+    ? 'down'
+    : ''
+">
+                {{ item.dict_label }}
+              </span>
+            </div>
+            <div v-else class="choose-tab">
+              <span v-for="item in areas" :key="item.data" @click="tabAreasClick(item.name)" :class="
+  clickAreasList.indexOf(item.name) != -1
+    ? 'down'
+    : ''
+">
+                {{ item.name }}
+              </span>
+            </div>
+          </div>
         </div>
       </div>
-      <div v-if="number === 0" class="checkResult">检测结果: <span>{{resourceTotal}}</span>个</div>
+      <div style="background:#fff;margin-left:16px;margin-right:16px;">
+      <div v-if="number === 0" class="checkResult">检测结果: <span>{{ resourceTotal }}</span>个</div>
       <div v-loading="loadingData">
-        <searchResultList
-          v-if="number === 1"
-          v-show="resourceList.data && resourceList.data.length > 0"
-          :resourceList="resourceList"
-          :resourceTotal="resourceTotal"
-          @saveSearchCodition="saveSearchCodition"
-          ref="searchResultListDom"
-          :selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
-        />
-        <CanAssignCase
-          v-else
-          v-show="resourceList.data && resourceList.data.length > 0"
-          :resourceList="resourceList"
-          @saveSearchCodition="saveSearchCodition"
-          :resourceTotal="resourceTotal"
-          :selectCardsname="number == 0 ? '融合服务' : '赋能场景'"
-        />
-     
+        <searchResultList v-if="number === 1" v-show="resourceList.data && resourceList.data.length > 0"
+          :resourceList="resourceList" :resourceTotal="resourceTotal" @saveSearchCodition="saveSearchCodition"
+          ref="searchResultListDom" :selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
+        <CanAssignCase v-else v-show="resourceList.data && resourceList.data.length > 0" :resourceList="resourceList"
+          @saveSearchCodition="saveSearchCodition" :resourceTotal="resourceTotal"
+          :selectCardsname="number == 0 ? '融合服务' : '赋能场景'" />
+
         <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>
+    </div>
   </div>
   <home-footer></home-footer>
 </template>
 <script>
   import HomeFooter from '@/views/newHome/components/Footer'
   import mybus from '@/myplugins/mybus'
+  import qs from 'qs'
   import {
     defineComponent,
     reactive,
@@ -93,408 +95,572 @@
     onMounted,
     nextTick,
   } from 'vue'
-  import { getIntegrationServicesList } from '@/api/home.js'
-  import { useRouter } from 'vue-router'
-  import HomeHeader from '@/views/home/components/header'
-  import searchResultList from '@/views/home/components/searchResultList.vue'
-  import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
-  import { message } from 'ant-design-vue'
+import { getIntegrationServicesList, getRegion, selectDicStoreAll } from '@/api/home.js'
+import { useRouter } from 'vue-router'
+import HomeHeader from '@/views/home/components/header'
+import searchResultList from '@/views/home/components/searchResultList.vue'
+import CanAssignCase from '@/views/home/components/CanAssignCase.vue'
+import { message } from 'ant-design-vue'
 
-  export default defineComponent({
-    beforeRouteLeave(to, from, next) {
-      console.log('to---integrationServices--beforeRouteLeave------->', to)
-      console.log('from---integrationServices--beforeRouteLeave------->', from)
-      console.log('next---integrationServices--beforeRouteLeave------->', next)
-      if (
-        to.name !== 'packagingDetails' &&
-        to.name !== 'integrationServicesDetails'
-      ) {
-        localStorage.removeItem('integrationServices')
-      }
-      next()
-    },
-    setup() {
-      // 分页
-      const loading = ref(true)
-      const currentPage = ref(1)
-      const currentPageSize = ref(10)
-      const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
-      const router = useRouter()
-      const select = router.currentRoute.value.query.select
-      const returnType = router.currentRoute.value.query.returnType
-      const searchValue = ref('')
-      const Cardsname = ref(select)
-      const resourceList = reactive({ data: [] })
-      const resourceTotal = ref(0)
-      const loadingData = ref(false)
-      // 选项卡
-      const titleName = ref([
-        {
-          name: '赋能场景',
-          index: 0,
-        },
-        {
-          name: '打包模式',
-          index: 1,
-        },
-      ])
-      let number = ref(0)
-      // 查询参数
-      const paramsGetResources = {
-        page: currentPage.value,
-        limit: currentPageSize.value,
-        type: titleName.value[number.value].name,
-        name: searchValue.value,
-        orderField: 'create_date',
-        orderType: 'DESC', // ASC 升序  DESC 降序
-      }
-      const searchResultListDom = ref(null)
-      const storageSearchInfo = JSON.parse(
-        localStorage.getItem('integrationServices')
-      )
-      // 读取本地存储：表单赋值
-      const handleSetSearchData = () => {
-        if (storageSearchInfo) {
-          number.value = storageSearchInfo.type == '打包模式' ? 1 : 0
-          // 搜索名称
-          searchValue.value = storageSearchInfo.name
-          currentPage.value = storageSearchInfo.page
-          currentPageSize.value = storageSearchInfo.limit
-          paramsGetResources.limit = storageSearchInfo.limit
-          paramsGetResources.page = storageSearchInfo.page
-          paramsGetResources.type = storageSearchInfo.type
-          // 延迟使用，因为还没有返回跟挂载
-          nextTick(() => {
-            searchResultListDom.value &&
-              searchResultListDom.value.changeCondition &&
-              searchResultListDom.value.changeCondition(
-                {
-                  value: storageSearchInfo.orderField,
-                  orderType: storageSearchInfo.orderType,
-                },
-                true
-              )
-          })
-          getIntegrationList()
-        }
-      }
-
-      const changeCards = (val) => {
-        // 打包模式
-        number.value = val
-        paramsGetResources.type = titleName.value[number.value].name
-        resetAction()
-      }
-
-      // 查询
-      const onSearch = () => {
-        currentPage.value = 1
-        getIntegrationList()
-      }
-      // 重置数据
-      const resetAction = () => {
-        // 重置模糊查字段
-        searchValue.value = ''
-        // 分页
-        currentPage.value = 1
-        currentPageSize.value = 10
-        // 重置查询条件
-        paramsGetResources.page = 1
-        paramsGetResources.limit = 10
-        paramsGetResources.orderField = 'create_date'
-        paramsGetResources.orderType = 'DESC'
-
-        mybus.emit('resetAction', {
-          type: titleName.value[number.value].name,
+export default defineComponent({
+  beforeRouteLeave(to, from, next) {
+    console.log('to---integrationServices--beforeRouteLeave------->', to)
+    console.log('from---integrationServices--beforeRouteLeave------->', from)
+    console.log('next---integrationServices--beforeRouteLeave------->', next)
+    if (
+      to.name !== 'packagingDetails' &&
+      to.name !== 'integrationServicesDetails'
+    ) {
+      localStorage.removeItem('integrationServices')
+    }
+    next()
+  },
+  setup() {
+    // 分页
+    const loading = ref(true)
+    const currentPage = ref(1)
+    const currentPageSize = ref(10)
+    const pageSizeOptions = ref(['2', '5', '10', '20', '50'])
+    const router = useRouter()
+    const select = router.currentRoute.value.query.select
+    const returnType = router.currentRoute.value.query.returnType
+    const searchValue = ref('')
+    const Cardsname = ref(select)
+    const resourceList = reactive({ data: [] })
+    const resourceTotal = ref(0)
+    const loadingData = ref(false)
+     // 选项卡
+     const titleName = ref([
+      {
+        name: '赋能场景',
+        index: 0,
+      },
+      {
+        name: '打包模式',
+        index: 1,
+      },
+    ])
+    let number = ref(0)
+     // 查询参数
+     const paramsGetResources = {
+      page: currentPage.value,
+      limit: currentPageSize.value,
+      type: titleName.value[number.value].name,
+      name: searchValue.value,
+      orderField: 'create_date',
+      orderType: 'DESC', // ASC 升序  DESC 降序
+      areas:[],
+      senses:[],
+      district: 1,//0市级，1基层
+    }
+    let cityOrArea = ref(0)//0市级 1基层
+    let senses = ref([])//场景领域
+    let areas = ref([])//区市
+    let clickSensesList = ref([])//多选场景领域
+    let clickAreasList = ref([])//多选区域领域
+    const searchResultListDom = ref(null)
+    const storageSearchInfo = JSON.parse(
+      localStorage.getItem('integrationServices')
+    )
+    // 读取本地存储：表单赋值
+    const handleSetSearchData = () => {
+      if (storageSearchInfo) {
+        number.value = storageSearchInfo.type == '打包模式' ? 1 : 0
+        // 搜索名称
+        searchValue.value = storageSearchInfo.name
+        currentPage.value = storageSearchInfo.page
+        currentPageSize.value = storageSearchInfo.limit
+        paramsGetResources.limit = storageSearchInfo.limit
+        paramsGetResources.page = storageSearchInfo.page
+        paramsGetResources.type = storageSearchInfo.type
+        // 延迟使用，因为还没有返回跟挂载
+        nextTick(() => {
+          searchResultListDom.value &&
+            searchResultListDom.value.changeCondition &&
+            searchResultListDom.value.changeCondition(
+              {
+                value: storageSearchInfo.orderField,
+                orderType: storageSearchInfo.orderType,
+              },
+              true
+            )
         })
         getIntegrationList()
       }
+    }
 
-      // 获取融合服务列表
-      const getIntegrationList = () => {
-        loadingData.value = true
-        paramsGetResources.name = searchValue.value
-        console.log(
-          'paramsGetResources------参数下发------>',
-          paramsGetResources
-        )
-        getIntegrationServicesList(paramsGetResources).then(
-          (res) => {
-            loadingData.value = false
-            if (res.data.code !== 0) {
-              return message.error(res.data.msg)
-            }
-            resourceList.data = res.data.data.list || []
-            resourceTotal.value = res.data.data.total || 0
-          },
-          (err) => {
-            loadingData.value = false
-            message.error(err)
-          }
-        )
+    const changeCards = (val) => {
+      number.value = val
+      paramsGetResources.type = titleName.value[number.value].name
+      resetAction()
+    }
+    //市级或者基层
+    const handleChose = (index) => {
+      cityOrArea.value = index;
+      getIntegrationList()
+    }
+    //多选区域
+    const tabAreasClick = (name) => {
+      if (clickAreasList.value.indexOf(name) == -1) {
+        clickAreasList.value.push(name);
+      } else {
+        clickAreasList.value.splice(clickAreasList.value.indexOf(name), 1)
       }
+      getIntegrationList()
+     }
+    //多选场景领域
+    const tabSensesClick = (name) => {
 
-      mybus.on('paramsGetResources', (ids) => {
-        if (ids && ids.length > 0) {
-          paramsGetResources.deptIds = ids
-        } else {
-          delete paramsGetResources.deptIds
-        }
-        getIntegrationList()
-      })
-
-      mybus.on('changePage', (page) => {
-        paramsGetResources.page = page
-        getIntegrationList()
-      })
-
-      mybus.on('changeSelcted', () => {
-        getIntegrationList()
-      })
-
-      mybus.on('refresh', () => {
-        paramsGetResources.page = 1
-        currentPage.value = 1
-        getIntegrationList()
-      })
-      mybus.on('changeCondition', (condition) => {
-        paramsGetResources.orderField = condition.orderField
-        paramsGetResources.orderType = condition.orderType
-        getIntegrationList()
-      })
-
-      const pageChange = (val) => {
-        currentPage.value = val
-        paramsGetResources.page = val
-        getIntegrationList() //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
+      if (clickSensesList.value.indexOf(name) == -1) {
+        clickSensesList.value.push(name);
+      } else {
+        clickSensesList.value.splice(clickSensesList.value.indexOf(name), 1)
       }
-
+      getIntegrationList()
+    }
+    // 查询
+    const onSearch = () => {
+      currentPage.value = 1
+      getIntegrationList()
+    }
+    // 重置数据
+    const resetAction = () => {
+      // 重置模糊查字段
+      searchValue.value = ''
       // 分页
-      const onShowSizeChange = (current, pageSize) => {
-        currentPage.value = current
-        currentPageSize.value = pageSize
-        paramsGetResources.page = current
-        paramsGetResources.limit = pageSize
-        getIntegrationList()
+      currentPage.value = 1
+      currentPageSize.value = 10
+      // 重置查询条件
+      paramsGetResources.page = 1
+      paramsGetResources.limit = 10
+      paramsGetResources.orderField = 'create_date'
+      paramsGetResources.orderType = 'DESC'
+      mybus.emit('resetAction', {
+        type: titleName.value[number.value].name,
+      })
+      getIntegrationList()
+    }
+    //查询领域和地区
+    const searchAreas = () => {
+      const params = {
+        topCategoryName: '应用资源'
       }
-
-      // 存储查询条件到本地
-      const saveSearchCodition = (n) => {
-        console.log(
-          '融合服务-----存储查询条件到本地------->',
-          paramsGetResources
-        )
-        localStorage.setItem(
-          'integrationServices',
-          JSON.stringify(paramsGetResources)
-        )
+      selectDicStoreAll(params).then(
+        (res) => {
+          senses.value = res.data.data[0].typeList
+          console.log("==================== senses.value", senses.value)
+        })
+      const params1 = {
+        pid: '250000'
       }
+      getRegion(params1).then(
+        (res) => {
 
-      onMounted(() => {
-        if(returnType=='典型赋能场景'){
-          changeCards(0)
-        }else if(returnType=='打包模式'){
-          changeCards(1)
-        }else{
-            if (storageSearchInfo) {
+          areas.value = res.data.data
+        })
+    }
+
+    // 获取融合服务列表
+    const getIntegrationList = () => {
+      loadingData.value = true
+      paramsGetResources.name = searchValue.value
+      if(number.value==1){
+        paramsGetResources.district=''
+      }else{
+      if(cityOrArea.value==0){//市级挂接
+        paramsGetResources.district=0
+        paramsGetResources.areas=[]
+        paramsGetResources.senses=JSON.stringify(clickSensesList.value)
+      }else{//基层挂接
+        paramsGetResources.district=1
+        paramsGetResources.senses=[]
+        paramsGetResources.areas=JSON.stringify(clickAreasList.value)
+      }
+    }
+      getIntegrationServicesList(paramsGetResources).then(
+        (res) => {
+          loadingData.value = false
+          if (res.data.code !== 0) {
+            return message.error(res.data.msg)
+          }
+          resourceList.data = res.data.data.list || []
+          resourceTotal.value = res.data.data.total || 0
+        },
+        (err) => {
+          loadingData.value = false
+          message.error(err)
+        }
+      )
+    }
+
+    mybus.on('paramsGetResources', (ids) => {
+      if (ids && ids.length > 0) {
+        paramsGetResources.deptIds = ids
+      } else {
+        delete paramsGetResources.deptIds
+      }
+      getIntegrationList()
+    })
+
+    mybus.on('changePage', (page) => {
+      paramsGetResources.page = page
+      getIntegrationList()
+    })
+
+    mybus.on('changeSelcted', () => {
+      getIntegrationList()
+    })
+
+    mybus.on('refresh', () => {
+      paramsGetResources.page = 1
+      currentPage.value = 1
+      getIntegrationList()
+    })
+    mybus.on('changeCondition', (condition) => {
+      paramsGetResources.orderField = condition.orderField
+      paramsGetResources.orderType = condition.orderType
+      getIntegrationList()
+    })
+
+    const pageChange = (val) => {
+      currentPage.value = val
+      paramsGetResources.page = val
+      getIntegrationList() //判断是否是点击下面的分页的调用模糊查询方法还是点击搜索调用模糊查询方法
+    }
+
+    // 分页
+    const onShowSizeChange = (current, pageSize) => {
+      currentPage.value = current
+      currentPageSize.value = pageSize
+      paramsGetResources.page = current
+      paramsGetResources.limit = pageSize
+      getIntegrationList()
+    }
+
+    // 存储查询条件到本地
+    const saveSearchCodition = (n) => {
+      console.log(
+        '融合服务-----存储查询条件到本地------->',
+        paramsGetResources
+      )
+      localStorage.setItem(
+        'integrationServices',
+        JSON.stringify(paramsGetResources)
+      )
+    }
+
+    onMounted(() => {
+     searchAreas()
+      if (returnType == '典型赋能场景') {
+        changeCards(0)
+
+      } else if (returnType == '打包模式') {
+        changeCards(1)
+      } else {
+        if (storageSearchInfo) {
           handleSetSearchData()
         } else {
           getIntegrationList()
         }
-        }
-        // if (storageSearchInfo) {
-        //   handleSetSearchData()
-        // } else {
-        //   getIntegrationList()
-        // }
-      })
-
-      return {
-        searchValue,
-        currentPage,
-        resourceList,
-        resourceTotal,
-        pageChange,
-        Cardsname,
-        getIntegrationList,
-        resetAction,
-        onSearch,
-        currentPageSize,
-        pageSizeOptions,
-        loading,
-        titleName,
-        changeCards,
-        returnType,
-        number,
-        loadingData,
-        onShowSizeChange,
-        saveSearchCodition,
-        searchResultListDom,
       }
-    },
-    components: {
-      HomeHeader,
-      HomeFooter,
-      searchResultList,
-      CanAssignCase,
-    },
-    beforeUnmount() {
-      mybus.off('paramsGetResources')
-      mybus.off('changeCondition')
-      mybus.off('refresh')
-      mybus.off('changePage')
-    },
-  })
+
+      // if (storageSearchInfo) {
+      //   handleSetSearchData()
+      // } else {
+      //   getIntegrationList()
+      // }
+    })
+
+    return {
+
+      tabSensesClick,
+      tabAreasClick,
+      searchValue,
+      currentPage,
+      resourceList,
+      resourceTotal,
+      pageChange,
+      Cardsname,
+      getIntegrationList,
+      resetAction,
+      onSearch,
+      currentPageSize,
+      pageSizeOptions,
+      loading,
+      titleName,
+      changeCards,
+      returnType,
+      number,
+      loadingData,
+      cityOrArea,
+      onShowSizeChange,
+      saveSearchCodition,
+      handleChose,
+      searchAreas,
+      senses,
+      areas,
+      searchResultListDom,
+      clickSensesList,
+      clickAreasList,
+    }
+  },
+  components: {
+    HomeHeader,
+    HomeFooter,
+    searchResultList,
+    CanAssignCase,
+  },
+  beforeUnmount() {
+    mybus.off('paramsGetResources')
+    mybus.off('changeCondition')
+    mybus.off('refresh')
+    mybus.off('changePage')
+  },
+})
 </script>
 <style lang="less" scoped>
-.checkResult{
-  margin-left: 0.2rem;
+.top-title {
+
+  display: flex;
+  font-size: 20px;
+  margin-top: 65px;
+  background: #e5eefc;
+  opacity: 0.8;
+  height: 72px;
+
+  .tabAll {
+    color: #212121;
+    margin-right: 35px;
+    cursor: pointer;
+    margin-top: 24px;
+    text-align: center;
+    width: 240px;
+    padding-top: 8px;
+  }
+
+  .tabAll:nth-child(1) {
+    margin-left: 720px;
+  }
+
+  .sel {
+    border-top: 2px solid #0058e1;
+    height: 48px;
+    background: #fff;
+    width: 240px;
+
+    span {
+      font-weight: bold;
+    }
+  }
+
+}
+
+.checkResult {
+  margin-left: 16px;
     font-size: 14px;
     font-weight: 500;
     color: #212121;
-    margin-top: 10px;
+    margin-top: 16px;
+    margin-bottom: 16px;
 
-        span {
-          font-size: 18px;
-          color: #0087ff;
-        }
+  span {
+    font-size: 18px;
+    color: #0058e1;
+  }
 
 }
-  .resultListSearchInput-father {
-    background: #f3f5f9;
-    padding: 0rem 0.2rem;
 
-    .resultListSearchInput-son {
-      background: #fff;
-      padding: 0.2rem 0.2rem 0rem 0.3rem;
+.resultListSearchInput-father {
+  background: #f3f5f9;
+  margin-bottom:24px;
+  .sanjiao {
+    background: url('~@/assets/home/sanjiao.png');
+    background-repeat: no-repeat;
+    height: 10px;
+    width: 10px;
+    margin-left: 80px;
+    position: absolute;
+  }
 
-      .hengxian {
-        width: 100%;
-        height: 0.01rem;
-        background: rgba(150, 144, 144, 0.3);
-        margin-top: 0.2rem;
+  .second-title {
+    padding-top: 16px;
+    margin-bottom: 16px;
+    font-size: 18px;
+    cursor: pointer;
+    text-align: center;
+    vertical-align: bottom;
+    background: #fff;
+    height: 53px;
+    border-bottom: 1px solid #d9d9d9;
+  }
+
+  .departmentStyle {
+    float: left;
+    width: 180px;
+    //  color: #0058e1;
+    background-color: #fff;
+
+    border-bottom: 3px solid #0058e1;
+  }
+
+  .departmentStyle1 {
+
+    float: left;
+    width: 180px;
+  }
+
+  .resultListSearchInput-son {
+    .son-input {
+      margin: 24px 0px 12px 340px;
+    }
+
+    // background: #fff;
+    //padding: 0.2rem 0.2rem 0rem 0.3rem;
+    .all {
+      float: left;
+      display: inline;
+      width: 42px;
+      margin-top: 12px;
+      margin-left: 100px;
+      font-size: 14px;
+      font-weight: bold;
+    }
+
+    .choose-tab {
+      float: left;
+      display: inline;
+      width: 940px;
+
+      span {
+        display: inline-block;
+        height: 28px;
+        font-size: 14px;
+        width: 90px;
+        line-height: 28px;
+        border-radius: 1px;
+        margin-left: 14px;
+        text-align: center;
+        color: #212121;
+        background: #e8e9eb;
+        cursor: pointer;
+        margin-top: 12px;
       }
-      .searchImg{
+
+      .down {
+        background: #0058e1;
+        color: #ffffff;
+      }
+
+    }
+
+    .hengxian {
+      width: 100%;
+      height: 0.01rem;
+      background: rgba(150, 144, 144, 0.3);
+      margin-top: 0.2rem;
+    }
+
+    .searchImg {
       width: 17px;
       height: 17px;
-     background: url('~@/assets/home/searchInner.png');
+      background: url('~@/assets/home/searchInner.png');
       position: absolute;
-      top: 119px;
-    left: 500px;
-      }
+      top: 85px;
+      left: 668px;
     }
   }
+}
 
-  .resultListSearchInput {
-    margin-left: 0.1rem;
+.resultListSearchInput {
+  margin-left: 0.1rem;
 
-    :deep(.ant-input) {
-      width: 4rem;
-      height: 0.32rem;
-      background: #fff;
-      border-radius: 0.02rem;
-    }
-
-    :deep(.ant-input-search-button) {
-      width: 0.8rem;
-      height: 0.32rem;
-     background: #0558e1;
-      border-radius: 0.02rem !important;
-      font-size: 0.14rem;
-      font-weight: 400;
-      color: #fff;
-      line-height: 0.32rem;
-      margin-left: 0.1rem;
-    }
-
-    :deep(.ant-input-group-addon) {
-      left: 0 !important;
-    }
-  }
-
-  .button-reset {
-    border: 0;
-    outline: none;
-    width: 0.8rem;
+  :deep(.ant-input) {
+    width: 340px;
     height: 0.32rem;
-    //background: #e1edfa;
-     background: #0558e1;
+    background: #fff;
     border-radius: 0.02rem;
+  }
+
+  :deep(.ant-input-search-button) {
+    // width: 56px;
+    height: 0.32rem;
+    background: #0558e1;
+    border-radius: 0.02rem !important;
     font-size: 0.14rem;
     font-weight: 400;
-    //color: #0087ff;
-     color: #fff;
+    color: #fff;
     line-height: 0.32rem;
-    margin-left: 2.5rem;
-    cursor: pointer;
+    margin-left: 0.1rem;
   }
 
-  .details-pageconetent {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-top: 0.67rem;
+  :deep(.ant-input-group-addon) {
+    left: 0 !important;
+  }
+}
+
+.button-reset {
+  border: 0;
+  outline: none;
+  width: 56px;
+  height: 0.32rem;
+  //background: #e1edfa;
+  background: #0558e1;
+  border-radius: 0.02rem;
+  font-size: 0.14rem;
+  font-weight: 400;
+  //color: #0087ff;
+  color: #fff;
+  line-height: 0.32rem;
+  margin-left: 2.5rem;
+  cursor: pointer;
+}
+
+.details-pageconetent {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  //margin-top: 0.67rem;
+  position: relative;
+  background: rgba(245, 243, 243, 0.3);
+
+  .details-pageconetent-left {
+    max-height: 6.9rem;
+    position: absolute;
+    width: 2.5rem;
+    top: 0.17rem;
+    left: 2.5rem;
+    margin-right: 0.17rem;
+    overflow: auto;
+  }
+
+  .top {
+    min-height: 7.2rem;
     position: relative;
-    background: rgba(245, 243, 243, 0.3);
+    width: 11.5rem;
+    display: flex;
+    //  padding-top: 0.2rem;
+    flex-direction: column;
+    font-size: 0.16rem;
+    justify-content: left;
+    background: #f3f5f9;
 
-    .details-pageconetent-left {
-      max-height: 6.9rem;
-      position: absolute;
-      width: 2.5rem;
-      top: 0.17rem;
-      left: 2.5rem;
-      margin-right: 0.17rem;
-      overflow: auto;
-    }
-
-    .top {
-      min-height: 7.2rem;
-      position: relative;
-      width: 11.5rem;
-      display: flex;
-      padding-top: 0.2rem;
-      flex-direction: column;
-      font-size: 0.16rem;
-      justify-content: left;
+    .pagination {
       background: #f3f5f9;
-
-      .pagination {
-        background: #f3f5f9;
-        padding-bottom: 0.6rem;
-      }
-
-      .top-title {
-        padding: 0.2rem;
-        display: flex;
-        font-size: 18px;
-
-        .tabAll {
-          font-size: 18px;
-          color: #000000;
-          margin-right: 35px;
-          cursor: pointer;
-        }
-
-        .tabAll:nth-child(1) {
-          margin-left: 20px;
-        }
-
-        .sel {
-          font-weight: 600;
-          color: #0087ff;
-          border-bottom: 0.02rem solid #0087ff;
-        }
-      }
+      padding-top: 10px;
+    padding-bottom: 23px;
     }
-  }
 
-  :deep(.ant-card-grid) {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 1;
-    word-break: break-all;
+
   }
+}
+
+:deep(.ant-card-grid) {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  word-break: break-all;
+}
 </style>