From 38955b77482cbd368eff8173c55a4eae2be6cc71 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Wed, 30 Nov 2022 14:37:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=A8=E6=88=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/myAgent/CompetencyApplication.vue |  12 +
 front/src/assets/home/menuall.png             | Bin 0 -> 254 bytes
 front/src/assets/home/menuzsk.png             | Bin 0 -> 469 bytes
 .../components/PutOnTheShelf.vue              |  11 +-
 front/src/views/demandCenter/index.vue        |  21 +-
 front/src/views/home/DetailsPageconetent.vue  |  10 +-
 .../home/components/searchResultList.vue      |   1 +
 front/src/views/home/integrationServices.vue  |   1 +
 .../newHome/components/LatestCapabilities.vue |  21 +-
 .../newHome/components/PopularAbility.vue     | 530 +++++++++---------
 10 files changed, 338 insertions(+), 269 deletions(-)
 create mode 100644 front/src/assets/home/menuall.png
 create mode 100644 front/src/assets/home/menuzsk.png

diff --git a/back/src/views/modules/myAgent/CompetencyApplication.vue b/back/src/views/modules/myAgent/CompetencyApplication.vue
index 40398630..5f817e41 100644
--- a/back/src/views/modules/myAgent/CompetencyApplication.vue
+++ b/back/src/views/modules/myAgent/CompetencyApplication.vue
@@ -79,6 +79,18 @@
           header-align="center"
           align="center"
         ></el-table-column>
+        <el-table-column
+          prop="resoureType"
+          label="资源类型"
+          header-align="center"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="provideDept"
+          label="提供部门"
+          header-align="center"
+          align="center"
+        ></el-table-column>
         <!-- <el-table-column prop="startTime" :label="$t('process.startTime')" header-align="center" align="center"></el-table-column> -->
         <el-table-column
           prop="createTime"
diff --git a/front/src/assets/home/menuall.png b/front/src/assets/home/menuall.png
new file mode 100644
index 0000000000000000000000000000000000000000..5919e39607ac7b6682cc0f16766ab81a8ad72b30
GIT binary patch
literal 254
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VV{wqX6T`Z5GB1Ig9iA?ZAr}70
zDGQ7emTaozDPVS0``iEL^Yp~u?M}z|r$jKB1*Ba1U&qGQ#w76DS5A5Hi6j3rd3tz^
zJxwK+OgCe5iuJVBpZv<S=9PQ$Os|t^OOAay^8c96f5~}!v=VAOJ$JDzcYfIU|Fndp
zq*Y>NWXY%h7ykd3+~i^U!&h#xvWmX{zx!uD%wNc|vLGWNA!UX7VF!<g3}z*d{%^7W
zFA;XIOMl|O|9mQvCyo|;_O*Ikd@I#<QcSbEA;Z0`iK1os=J7y3FnGH9xvX<aXaWHB
CH)XN_

literal 0
HcmV?d00001

diff --git a/front/src/assets/home/menuzsk.png b/front/src/assets/home/menuzsk.png
new file mode 100644
index 0000000000000000000000000000000000000000..b32e96228d204c9dfa3cc36e83222da4a6881b9b
GIT binary patch
literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq000yK000yS1^@s6jfou%00001b5ch_0Itp)
z=>Px$k4Z#9R5(wq)WJ)XK^VvJ?{8f%L8A389a5=-;vp!A$PR*DM6iqCNf5hukXTm;
z3hJ=Cm!OXCCU_IQc<`V%Ap(UA67s+B=G&$7?)!`P&1%<0h?ocFGR%Bt=6PmD1P%rE
z=m2lV-V{7ToM4VIJ4r>S?Tbbq{FD~66d1=mK&&KXZTue70Y<S8fys8j=GFI#-e-ML
z>}_DN<5c1(DQl_&EH(VrO+L~?^)h%daKX?k*y>7=IHE~iMW)ZodY$hu-&u?Lm7u6O
zrB~w3RbVzZS=H1(gTOV+%W$CS2iAgtG9|<FU?Ao;upA7Ox#R4PUXF_@|4&gyF$=*!
zn|p%!U?653m<b8a0*|^<DE8bW?#iLXK@oP-tdi!T;XZIH2Sg3C1l(-{vrpr*nygdg
zo#Dpcm(p+*Qvp61P75ht&ewEYialZ2N5rJOKwMW3BbZUQ7_=CWn8Q5A)RT&8e}0>&
z;i}COnKQ^+A0m=Dbb(<~hA8mOFs76g_yIXODDySLejO%o1P6ZtF&NqvZd0O900000
LNkvXXu0mjfUa8P9

literal 0
HcmV?d00001

diff --git a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
index 89c8972f..f06e90ee 100644
--- a/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
+++ b/front/src/views/capacityOnTheShelf/components/PutOnTheShelf.vue
@@ -257,9 +257,18 @@
                 </b>
                 {{ item.name }} :
               </div>
+              <div v-if="item.type == 'input' && item.name === '参考价格'">
+              <a-input 
+                :maxLength="1000"
+                v-model:value="item.note1"
+                :placeholder="'请输入' + placeHolderWords(item.name)+',单位为元'"
+                @change="changeIiem(item.name, item.note1)"
+              />
+             <span style="color:red"> (仅用于测算为部门节省资金)</span>
+            </div>
               <a-input
                 :maxLength="1000"
-                v-if="item.type == 'input' && item.name.indexOf('名称') == -1"
+                v-else-if="item.type == 'input' && item.name.indexOf('名称') == -1"
                 v-model:value="item.note1"
                 :placeholder="'请输入' + placeHolderWords(item.name)"
                 @change="changeIiem(item.name, item.note1)"
diff --git a/front/src/views/demandCenter/index.vue b/front/src/views/demandCenter/index.vue
index 178f3364..6553066d 100644
--- a/front/src/views/demandCenter/index.vue
+++ b/front/src/views/demandCenter/index.vue
@@ -4,7 +4,7 @@
     <div class="main">
       <div class="left">
         <a-layout-sider>
-          <a-menu v-model:selectedKeys="selectedKeys" mode="inline" @click="handleClick">
+          <a-menu v-model:selectedKeys="selectedKeys"    mode="inline" @click="handleClick">
             <a-menu-item v-for="item in menuList" :key="item.key">
               <img :src="item.img" alt="" style="margin-right: 10px" />
               <span>{{ item.title }}</span>
@@ -69,7 +69,18 @@ const pageSize = ref(8)
 const total = ref()
 const showKey = ref(0)
 const whoShow1 = ref(whoShow)
+
+const selectedKeys = ref(['0'])
+
+  
+
 const menuList = [
+{
+    key: '0',
+    title: '全部需求',
+    num: '0',
+    img: require('@/assets/home/menuall.png'),
+  },
   {
     key: '1',
     title: '基础设施',
@@ -98,7 +109,7 @@ const menuList = [
     key: '5',
     title: '知识库',
     num: '0',
-    img: require('@/assets/home/menuyyzy.png'),
+    img: require('@/assets/home/menuzsk.png'),
   },
 ]
 const detailsType = ref('')
@@ -113,6 +124,8 @@ const handleClick = (item) => {
     detailsType.value = '应用资源'
   } else if (item.key === '5') {
     detailsType.value = '知识库'
+  }else{
+    detailsType.value = ''
   }
   pageNum.value = 1
   getApplyList()
@@ -138,8 +151,7 @@ const getApplyList = () => {
 }
 
 const showDetail = (item) => {
-  // console.log('demandDetails', item)
-  // store.commit('home/demandDetailsData', item)
+
   router.push({
     path: '/demandDetails',
     query: {
@@ -164,6 +176,7 @@ onMounted(() => {
     list.value = res.data.data.list
     total.value = res.data.data.total
   })
+
 })
 </script>
 <style lang="less" scoped>
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index a190ab56..5f885baa 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -833,7 +833,7 @@
       let select =
         router.currentRoute.value.query.select ||
         DETAIL_PAGE_CONTENT_DEFAULT_TAB
-      console.log('select------------>', select)
+        let orderField =router.currentRoute.value.query.orderField 
       // 例如：组件服务是大类型，selectSubType是组件服务的智能算法或图层服务等...
       let selectSubType = router.currentRoute.value.query.type || ''
       let queryName = ref('')
@@ -926,7 +926,6 @@
         ) {
           ;[title[0], title[2]] = [title[2], title[0]]
         }
-        debugger
         titleName.value = title
       }
       // 查询
@@ -1323,6 +1322,8 @@
           globalData.data = []
         }
         select = router.currentRoute.value.query.select
+      
+      
         if (
           (select == '应用资源' &&
             (paramsGetResources.orderField == '' ||
@@ -1619,7 +1620,6 @@
       }
       // 青岛-西海岸处理
       const getXiHaiAn = (res) => {
-        debugger
         const data = (res.data && res.data.data && res.data.data.list) || []
         const total = (res.data && res.data.data && res.data.data.total) || 0
         data.forEach((val) => {
@@ -1784,6 +1784,10 @@
       onMounted(() => {
         // 从本地读取查询条件，赋值
         //西海岸基础设施放在最前面
+        orderField= router.currentRoute.value.query.orderField  //根据什么排序
+        if(orderField){
+          paramsGetResources.orderField=orderField
+        }
         setTitle()
         handleSetSearchData()
         listKey2.value++
diff --git a/front/src/views/home/components/searchResultList.vue b/front/src/views/home/components/searchResultList.vue
index 49d479a0..55bcf537 100644
--- a/front/src/views/home/components/searchResultList.vue
+++ b/front/src/views/home/components/searchResultList.vue
@@ -743,6 +743,7 @@
        * isFromFather: 是否来自父组件传值
        */
       const changeCondition = (item, isFromFather = false) => {
+      
         console.log('item, isFromFather------------>', item, isFromFather)
         let newType = item.orderType == 'DESC' ? 'ASC' : 'DESC'
         if (isFromFather) {
diff --git a/front/src/views/home/integrationServices.vue b/front/src/views/home/integrationServices.vue
index 32535ead..7952c312 100644
--- a/front/src/views/home/integrationServices.vue
+++ b/front/src/views/home/integrationServices.vue
@@ -60,6 +60,7 @@
             show-size-changer
             show-less-items
             show-quick-jumper
+        
             :total="resourceTotal"
             :page-size-options="pageSizeOptions"
             @change="pageChange"
diff --git a/front/src/views/newHome/components/LatestCapabilities.vue b/front/src/views/newHome/components/LatestCapabilities.vue
index a51403f2..4f83e330 100644
--- a/front/src/views/newHome/components/LatestCapabilities.vue
+++ b/front/src/views/newHome/components/LatestCapabilities.vue
@@ -8,11 +8,13 @@
       <div class="bottom">
         <div class="item" v-for="item in productServiceData" :key="item.id">
           <div class="img" :class="item.imgType"></div>
-          <a-tooltip placement="right">
+          <a-tooltip >
             <template #title>{{ item.name }}</template>
             <div class="name">{{ item.name }}</div>
           </a-tooltip>
-
+          <div class="dec">
+                <span>{{ item.deptName }}</span>
+              </div>
           <div class="text">
             {{ item.description || '暂无描述' }}
           </div>
@@ -36,7 +38,7 @@
   const store = useStore()
   const router = useRouter()
   const productServiceData = ref([])
-  selectNewest({ type: '', pageNum: 1, pageSize: 8 }).then((res) => {
+  selectNewest({ type: '应用资源', pageNum: 1, pageSize: 8 }).then((res) => {
     console.log('最新能力===================>', res.data.data.records)
     productServiceData.value = []
     res.data.data.records.forEach((val) => {
@@ -78,7 +80,8 @@
       path: '/DetailsPageconetent',
       query: {
         // select: '组件服务',
-        select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
+        select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
+        orderField:'tdr.create_date'
       },
     })
   }
@@ -173,6 +176,16 @@
             -webkit-box-orient: vertical;
             word-break: break-all;
           }
+          .dec {
+              margin: 8px 8px;
+              text-align: center;
+              padding-right: 10px;
+              color: #0058e1;
+              span {
+                background: rgba(0, 88, 225, 0.1);
+                padding: 5px 5px;
+              }
+            }
           .text {
             width: 100%;
             height: 0.9rem;
diff --git a/front/src/views/newHome/components/PopularAbility.vue b/front/src/views/newHome/components/PopularAbility.vue
index 2baeff7a..4040cc2a 100644
--- a/front/src/views/newHome/components/PopularAbility.vue
+++ b/front/src/views/newHome/components/PopularAbility.vue
@@ -41,10 +41,18 @@
               <div class="fw" v-if="select == '收藏量'">
                 {{ select }}:{{ item.collectCount }}
               </div>
-              <div class="name">{{ item.name }}</div>
-              <div class="text">
-                {{ item.description || '暂无描述' }}
+              <a-tooltip>
+                <template #title>{{ item.name }}</template>
+                <div class="name">{{ item.name }}</div>
+              </a-tooltip>
+              <div class="dec">
+                <span>{{ item.deptName }}</span>
               </div>
+              <a-tooltip >
+                <template #title>{{ item.description || '暂无描述' }}</template>
+                <div class="text">{{item.description || '暂无描述'}}</div>
+              </a-tooltip>
+             
             </div>
           </div>
         </div>
@@ -57,294 +65,302 @@
   </div>
 </template>
 <script setup>
-  import { ref } from 'vue'
-  import { pageWithAttrs } from '@/api/home.js'
-  import { useRouter } from 'vue-router'
-  import { useStore } from 'vuex'
-  import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
-  const store = useStore()
-  const router = useRouter()
-  const select = ref('浏览量')
-  const selList = ref(['浏览量', '申请量', '收藏量'])
-  const list = ref([])
+import { ref } from 'vue'
+import { pageWithAttrs } from '@/api/home.js'
+import { useRouter } from 'vue-router'
+import { useStore } from 'vuex'
+import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+const store = useStore()
+const router = useRouter()
+const select = ref('申请量')
+const selList = ref(['申请量', '收藏量'])
+const list = ref([])
 
-  const paramsGetResources = {
-    districtId: '',
-    pageNum: 1,
-    pageSize: 6,
-    type: '',
-    name: '',
-    infoList: [],
-    orderField: 'visits', // total 综合 visits 浏览量 applyCount 申请量 score 评分  collectCount 收藏量
-    orderType: 'DESC', // ASC 升序  DESC 降序
-  }
-  const selectChange = (sel) => {
-    select.value = sel
-    switch (select.value) {
-      case '浏览量':
-        paramsGetResources.orderField = 'visits'
-        break
-      case '申请量':
-        paramsGetResources.orderField = 'applyCount'
-        break
-      case '收藏量':
-        paramsGetResources.orderField = 'collectCount'
-        break
-      default:
-        paramsGetResources.orderField = 'total'
-        break
-    }
-    getList()
-  }
-  const getList = () => {
-    pageWithAttrs(paramsGetResources).then((res) => {
-      console.log('查询列表============>', res.data.data.records)
-      res.data.data.records.forEach((val) => {
-        switch (val.type) {
-          case '组件服务':
-            val.imgType = 'zj'
-            break
-          case '应用资源':
-            val.imgType = 'yy'
-            break
-          case '基础设施':
-            val.imgType = 'jc'
-            break
-          case '数据资源':
-            val.imgType = 'sj'
-            break
-          case '知识库':
-            val.imgType = 'zs'
-            break
-          default:
-            val.imgType = 'zj'
-            break
-        }
-      })
-      list.value = res.data.data.records
-    })
+const paramsGetResources = {
+  districtId: '',
+  pageNum: 1,
+  pageSize: 6,
+  type: '应用资源',
+  name: '',
+  infoList: [],
+  orderField: 'applyCount', // total 综合 visits 浏览量 applyCount 申请量 score 评分  collectCount 收藏量
+  orderType: 'DESC', // ASC 升序  DESC 降序
+}
+const selectChange = (sel) => {
+  select.value = sel
+  switch (select.value) {
+    case '浏览量':
+      paramsGetResources.orderField = 'visits'
+      break
+    case '申请量':
+      paramsGetResources.orderField = 'applyCount'
+      break
+    case '收藏量':
+      paramsGetResources.orderField = 'collectCount'
+      break
+    default:
+      paramsGetResources.orderField = 'total'
+      break
   }
   getList()
+}
+const getList = () => {
+  pageWithAttrs(paramsGetResources).then((res) => {
+    console.log('查询列表============>', res.data.data.records)
+    res.data.data.records.forEach((val) => {
+      switch (val.type) {
+        case '组件服务':
+          val.imgType = 'zj'
+          break
+        case '应用资源':
+          val.imgType = 'yy'
+          break
+        case '基础设施':
+          val.imgType = 'jc'
+          break
+        case '数据资源':
+          val.imgType = 'sj'
+          break
+        case '知识库':
+          val.imgType = 'zs'
+          break
+        default:
+          val.imgType = 'zj'
+          break
+      }
+    })
+    list.value = res.data.data.records
+  })
+}
+getList()
 
-  function jumpPage() {
-    // 点击内存入store
-    store.commit('home/selectCardsData', {
-      selectCardsnum: '组件服务',
-    })
-    console.log(
-      '选中===================>',
-      store.getters['home/selectCardsnum']
-    )
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        // select: '组件服务',
-        select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
-      },
-    })
-  }
-  const selectOne = (id) => {
-    console.log('点击===============》', id)
-    router.push({
-      path: '/details',
-      query: {
-        id: id,
-      },
-    })
-  }
+function jumpPage() {
+  // 点击内存入store
+  store.commit('home/selectCardsData', {
+    selectCardsnum: '组件服务',
+  })
+  console.log('选中===================>', store.getters['home/selectCardsnum'])
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      // select: '组件服务',
+      select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
+      orderField:paramsGetResources.orderField  //根据什么排序
+    },
+  })
+}
+const selectOne = (id) => {
+  console.log('点击===============》', id)
+  router.push({
+    path: '/details',
+    query: {
+      id: id,
+    },
+  })
+}
 </script>
 <style lang="less" scoped>
-  .popular-ability {
-    height: 6.8rem;
-    background: url('~@/assets/newHome/popular-bg.png') no-repeat;
-    background-size: 100%;
+.popular-ability {
+  height: 6.8rem;
+  background: url('~@/assets/newHome/popular-bg.png') no-repeat;
+  background-size: 100%;
+  display: flex;
+  justify-content: center;
+  .main {
+    width: 13rem;
+    margin-top: 0.78rem;
     display: flex;
-    justify-content: center;
-    .main {
-      width: 13rem;
-      margin-top: 0.78rem;
+    flex-direction: column;
+    flex-wrap: wrap;
+    .top {
+      font-size: 0.3rem;
+      color: #fff;
+      text-align: center;
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
-      .top {
-        font-size: 0.3rem;
-        color: #fff;
-        text-align: center;
+      justify-content: center;
+      align-items: center;
+      .line {
+        width: 0.34rem;
+        height: 0.03rem;
+        background-color: #fff;
+        margin-top: 0.08rem;
+      }
+    }
+    .bottom {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 0.52rem;
+      .left {
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
-        justify-content: center;
-        align-items: center;
-        .line {
-          width: 0.34rem;
-          height: 0.03rem;
-          background-color: #fff;
-          margin-top: 0.08rem;
-        }
-      }
-      .bottom {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 0.52rem;
-        .left {
+        .select {
+          cursor: pointer;
           display: flex;
           flex-direction: column;
           flex-wrap: wrap;
-          .select {
-            cursor: pointer;
+          align-items: center;
+          justify-content: center;
+          width: 1.05rem;
+          height: 2.1rem;
+          background: rgba(255, 255, 255, 0.08);
+          margin-bottom: 0.01rem;
+          border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
+          .img {
+            width: 0.36rem;
+            height: 0.36rem;
+            background-size: 100%;
+          }
+          .fwl {
+            background: url('~@/assets/newHome/fwl-no.png') no-repeat;
+            background-size: contain;
+          }
+          .sgl {
+            background: url('~@/assets/newHome/sgl-no.png') no-repeat;
+            background-size: contain;
+          }
+          .scl {
+            background: url('~@/assets/newHome/scl-no.png') no-repeat;
+            background-size: contain;
+          }
+          .text {
+            color: rgba(255, 255, 255, 0.6);
+            font-size: 0.14rem;
+       
+          }
+        }
+        .select:hover {
+          background: rgba(255, 255, 255, 0.12);
+        }
+        .checked {
+          background: rgba(255, 255, 255, 0.18) !important;
+          border-right: 0.02rem solid #fff;
+        }
+      }
+      .right {
+        cursor: pointer;
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        margin-left: 0.2rem;
+        .item {
+          width: 3.78rem;
+          height: 2rem;
+          display: flex;
+          .item-left {
+            width: 0.83rem;
+            height: 100%;
             display: flex;
-            flex-direction: column;
-            flex-wrap: wrap;
-            align-items: center;
             justify-content: center;
-            width: 1.05rem;
-            height: 1.39rem;
-            background: rgba(255, 255, 255, 0.08);
-            margin-bottom: 0.01rem;
-            border-right: 0.02rem solid rgba(233, 233, 233, 0.3);
+            align-items: center;
+            background: #eef1f8;
             .img {
-              width: 0.36rem;
-              height: 0.36rem;
+              width: 0.56rem;
+              height: 0.56rem;
               background-size: 100%;
             }
-            .fwl {
-              background: url('~@/assets/newHome/fwl-no.png') no-repeat;
+            .zj {
+              background: url('~@/assets/newHome/popular-zj.png') no-repeat;
               background-size: contain;
             }
-            .sgl {
-              background: url('~@/assets/newHome/sgl-no.png') no-repeat;
+            .yy {
+              background: url('~@/assets/newHome/popular-yy.png') no-repeat;
               background-size: contain;
             }
-            .scl {
-              background: url('~@/assets/newHome/scl-no.png') no-repeat;
+            .jc {
+              background: url('~@/assets/newHome/popular-jc.png') no-repeat;
               background-size: contain;
             }
+            .sj {
+              background: url('~@/assets/newHome/popular-sj.png') no-repeat;
+              background-size: contain;
+            }
+            .zs {
+              background: url('~@/assets/newHome/popular-zs.png') no-repeat;
+              background-size: contain;
+            }
+          }
+          .item-right {
+            width: 100%;
+            height: 100%;
+            background: #fff;
+            .fw {
+              width: 100%;
+              padding-right: 0.1rem;
+              padding-top: 0.03rem;
+              text-align: right;
+              color: 666;
+              font-size: 0.14rem;
+              color: #666;
+            }
+            .name {
+              font-size: 0.18rem;
+              color: #212121;
+              text-align: center;
+              margin-top: 0.05rem;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              display: -webkit-box;
+              -webkit-line-clamp: 1;
+              -webkit-box-orient: vertical;
+              word-break: break-all;
+            }
+            .dec {
+              margin: 8px 8px;
+              text-align: center;
+              padding-right: 10px;
+              color: #0058e1;
+              span {
+                background: rgba(0, 88, 225, 0.1);
+                padding: 5px 5px;
+              }
+            }
             .text {
-              color: rgba(255, 255, 255, 0.6);
-              font-size: 0.14rem;
-              margin-top: 0.08rem;
-            }
-          }
-          .select:hover {
-            background: rgba(255, 255, 255, 0.12);
-          }
-          .checked {
-            background: rgba(255, 255, 255, 0.18) !important;
-            border-right: 0.02rem solid #fff;
-          }
-        }
-        .right {
-          cursor: pointer;
-          display: flex;
-          justify-content: space-between;
-          flex-wrap: wrap;
-          margin-left: 0.2rem;
-          .item {
-            width: 3.78rem;
-            height: 2rem;
-            display: flex;
-            .item-left {
-              width: 0.83rem;
-              height: 100%;
-              display: flex;
-              justify-content: center;
-              align-items: center;
-              background: #eef1f8;
-              .img {
-                width: 0.56rem;
-                height: 0.56rem;
-                background-size: 100%;
-              }
-              .zj {
-                background: url('~@/assets/newHome/popular-zj.png') no-repeat;
-                background-size: contain;
-              }
-              .yy {
-                background: url('~@/assets/newHome/popular-yy.png') no-repeat;
-                background-size: contain;
-              }
-              .jc {
-                background: url('~@/assets/newHome/popular-jc.png') no-repeat;
-                background-size: contain;
-              }
-              .sj {
-                background: url('~@/assets/newHome/popular-sj.png') no-repeat;
-                background-size: contain;
-              }
-              .zs {
-                background: url('~@/assets/newHome/popular-zs.png') no-repeat;
-                background-size: contain;
-              }
-            }
-            .item-right {
               width: 100%;
-              height: 100%;
-              background: #fff;
-              .fw {
-                width: 100%;
-                padding-right: 0.1rem;
-                padding-top: 0.03rem;
-                text-align: right;
-                color: 666;
-                font-size: 0.14rem;
-                color: #666;
-              }
-              .name {
-                font-size: 0.18rem;
-                color: #212121;
-                text-align: center;
-                margin-top: 0.05rem;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                display: -webkit-box;
-                -webkit-line-clamp: 1;
-                -webkit-box-orient: vertical;
-                word-break: break-all;
-              }
-              .text {
-                width: 100%;
-                padding: 0.24rem 0.3rem;
-                font-size: 0.14rem;
-                color: #212121;
-                line-height: 0.24rem;
-                height: 1rem;
-                word-break: break-all;
-                overflow: hidden;
-              }
+              padding: 0rem 0.03rem;
+              font-size: 0.14rem;
+              color: #212121;
+              line-height: 0.24rem;
+              height: 1rem;
+              word-break: break-all;
+              overflow: hidden;
             }
           }
-          .item:nth-of-type(4),
-          .item:nth-of-type(5),
-          .item:nth-of-type(6) {
-            margin-top: 0.2rem;
-          }
-          .item:hover {
-            border-radius: 0.02rem;
-            border: 0.01rem solid #0058e1;
-            box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
-          }
         }
-      }
-      .bottom-btn {
-        cursor: pointer;
-        text-align: center;
-        margin-top: 0.24rem;
-        color: #fff;
-        width: 1rem;
-        height: 0.24rem;
-        line-height: 0.24rem;
-        margin-left: 6rem;
-        span {
-          display: inline-block;
-          width: 0.1rem;
-          height: 0.1rem;
-          background: url('~@/assets/newHome/gd.png') no-repeat;
-          background-size: contain;
+        .item:nth-of-type(4),
+        .item:nth-of-type(5),
+        .item:nth-of-type(6) {
+          margin-top: 0.2rem;
+        }
+        .item:hover {
+          border-radius: 0.02rem;
+          border: 0.01rem solid #0058e1;
+          box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
         }
-      }
-      .bottom-btn:hover {
-        background: rgba(0, 88, 225, 0.1);
       }
     }
+    .bottom-btn {
+      cursor: pointer;
+      text-align: center;
+      margin-top: 0.24rem;
+      color: #fff;
+      width: 1rem;
+      height: 0.24rem;
+      line-height: 0.24rem;
+      margin-left: 6rem;
+      span {
+        display: inline-block;
+        width: 0.1rem;
+        height: 0.1rem;
+        background: url('~@/assets/newHome/gd.png') no-repeat;
+        background-size: contain;
+      }
+    }
+    .bottom-btn:hover {
+      background: rgba(0, 88, 225, 0.1);
+    }
   }
+}
 </style>