front/src/views/abilityStatistics/components/AtlasResources.vue

@@ -687,7 +687,7 @@
               }
             }
           }
-          .item:nth-(2n) {
+          .item:nth-child(2n) {
             margin-left: 0.4rem;
           }
         }

front/src/views/demandCenter/index.vue

@@ -4,11 +4,7 @@
     <div class="main">
       <div class="left">
         <a-layout-sider>
-          <a-menu
+          <a-menu v-model:selectedKeys="selectedKeys"    mode="inline" @click="handleClick">
-            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>
@@ -18,45 +14,31 @@
       </div>
       <div class="right">
         <!-- <div class="title">数据需求</div> -->
-        <a-list
+        <a-list class="demo-loadmore-list" :loading="initLoading" item-layout="horizontal" :data-source="list"
-          class="demo-loadmore-list"
+          :key="showKey">
-          :loading="initLoading"
-          item-layout="horizontal"
-          :data-source="list"
-          :key="showKey"
-        >
           <template #renderItem="{ item }">
             <a-list-item>
-              <div class="toptitle">
+              <a-skeleton avatar :title="false" :loading="!!item.loading" active>
-                <a-tooltip placement="topLeft">
+                <a-tooltip placement="topLeft" arrow-point-at-center mouseEnterDelay="1"
-                  <template #title>{{ item.demandSubject }}</template>
+                  overlayClassName="demandCenter-tooltip-card">
-                  <span
+                  <template #title>
-                    @click="showDetail(item)"
+                    <div class="tooltip-desc">{{ item.demandDetails || '--' }}</div>
-                    style="cursor: pointer"
+                  </template>
-                    class="name"
+                  <a-list-item-meta :description="'描述：' + (item.demandDetails || '--')">
-                  >
+                    <template #title>
-                    {{ item.demandSubject }}
+                      <span @click="showDetail(item)" style="cursor: pointer" class="name">
-                  </span>
+                        {{ item.demandSubject }}
+                      </span>
+                      <span class="time">{{ item.createDate }}</span>
+                    </template>
+                  </a-list-item-meta>
                 </a-tooltip>
-
+              </a-skeleton>
-                <span class="time">{{ item.createDate }}</span>
-              </div>
-              <a-tooltip placement="topLeft">
-                <template #title>描述： {{ item.demandDetails }}</template>
-                <div class="bottomdesc">
-                  描述： {{ item.demandDetails || '--' }}
-                </div>
-              </a-tooltip>
             </a-list-item>
           </template>
         </a-list>
-        <a-pagination
+        <a-pagination v-model:current="pageNum" v-model:page-size="pageSize" :total="total" @change="pageChange"
-          v-model:current="pageNum"
+          :key="showKey">
-          v-model:page-size="pageSize"
-          :total="total"
-          @change="pageChange"
-          :key="showKey"
-        >
           <template #buildOptionText="props">
             <span>{{ props.value }}条/页</span>
           </template>
@@ -90,8 +72,10 @@ const whoShow1 = ref(whoShow)
 
 const selectedKeys = ref(['0'])
 
+  
+
 const menuList = [
-  {
+{
     key: '0',
     title: '全部需求',
     num: '0',
@@ -140,7 +124,7 @@ const handleClick = (item) => {
     detailsType.value = '应用资源'
   } else if (item.key === '5') {
     detailsType.value = '知识库'
-  } else {
+  }else{
     detailsType.value = ''
   }
   pageNum.value = 1
@@ -167,6 +151,7 @@ const getApplyList = () => {
 }
 
 const showDetail = (item) => {
+
   router.push({
     path: '/demandDetails',
     query: {
@@ -191,6 +176,7 @@ onMounted(() => {
     list.value = res.data.data.list
     total.value = res.data.data.total
   })
+
 })
 </script>
 <style lang="less" scoped>
@@ -259,45 +245,6 @@ onMounted(() => {
       background-color: #ffffff;
       box-shadow: 10px 8px 10px 3px #9dc6ea;
       padding: 20px;
-      .toptitle {
-        margin-bottom: 10px;
-        & > span:first-child {
-          display: -webkit-box;
-          /*设置为弹性盒子*/
-          -webkit-line-clamp: 1;
-          /*最多显示2行*/
-          overflow: hidden;
-          /*超出隐藏*/
-          text-overflow: ellipsis;
-          /*超出显示为省略号*/
-          -webkit-box-orient: vertical;
-          word-break: break-all;
-          width: 600px;
-          font-size: 14px;
-          color: #1492ff;
-          font-size: 18px;
-        }
-        & > span:first-child:hover {
-          color: #0b5392;
-        }
-        & > span:last-child {
-          float: right;
-        }
-      }
-      .bottomdesc {
-        display: -webkit-box;
-        /*设置为弹性盒子*/
-        -webkit-line-clamp: 1;
-        /*最多显示2行*/
-        overflow: hidden;
-        /*超出隐藏*/
-        text-overflow: ellipsis;
-        /*超出显示为省略号*/
-        -webkit-box-orient: vertical;
-        word-break: break-all;
-        width: 800px;
-        font-size: 14px;
-      }
 
       .title {
         font-size: 22px;
@@ -308,42 +255,40 @@ onMounted(() => {
       .ant-list {
         height: 730px;
         overflow-y: scroll;
-        .ant-list-item {
+
-          display: list-item;
+        :deep(.ant-list-item-meta-title) {
+          display: flex;
+          justify-content: space-between;
+
+          .name {
+            width: 800px;
+            font-size: 18px;
+            color: #1492ff;
+            display: -webkit-box;
+            /*设置为弹性盒子*/
+            -webkit-line-clamp: 1;
+            /*最多显示2行*/
+            overflow: hidden;
+            /*超出隐藏*/
+            text-overflow: ellipsis;
+            /*超出显示为省略号*/
+            -webkit-box-orient: vertical;
+            word-break: break-all;
+          }
         }
-        // :deep(.ant-list-item-meta-title) {
-        // // display: flex;
-        //   justify-content: space-between;
 
-        //   .name {
+        :deep(.ant-list-item-meta-description) {
-        //     width: 800px;
+          display: -webkit-box;
-        //     font-size: 18px;
+          /*设置为弹性盒子*/
-        //     color: #1492ff;
+          -webkit-line-clamp: 2;
-        //     display: -webkit-box;
+          /*最多显示2行*/
-        //     /*设置为弹性盒子*/
+          overflow: hidden;
-        //     -webkit-line-clamp: 1;
+          /*超出隐藏*/
-        //     /*最多显示2行*/
+          text-overflow: ellipsis;
-        //     overflow: hidden;
+          /*超出显示为省略号*/
-        //     /*超出隐藏*/
+          -webkit-box-orient: vertical;
-        //     text-overflow: ellipsis;
+          word-break: break-all;
-        //     /*超出显示为省略号*/
+        }
-        //     -webkit-box-orient: vertical;
-        //     word-break: break-all;
-        //   }
-        // }
-
-        // :deep(.ant-list-item-meta-description) {
-        //   display: -webkit-box;
-        //   /*设置为弹性盒子*/
-        //   -webkit-line-clamp: 2;
-        //   /*最多显示2行*/
-        //   overflow: hidden;
-        //   /*超出隐藏*/
-        //   text-overflow: ellipsis;
-        //   /*超出显示为省略号*/
-        //   -webkit-box-orient: vertical;
-        //   word-break: break-all;
-        // }
       }
 
       // 隐藏滚动条

front/src/views/personalCenter/components/AbilityApplication.vue

@@ -152,7 +152,6 @@
                 >
                   查看详情
                 </a-button>
-               
                 <!-- <div class="btn" v-if="val.type == '组件服务'">技术文档</div> -->
               </div>
               <div class="ability-bottom">
@@ -175,11 +174,9 @@
                   </a-button>
                 </div>
               </div>
-              <div  v-if="item.approveStatus === '通过'"  style="    margin-top: 15px;font-size: 16px; color: #ee4457;font-weight: bold;">说明：已申请成功，使用方式及联系人请点击"查看详情"按钮查看。</div>
             </div>
           </div>
         </div>
-
         <div class="box" v-if="item.list2.length > 0">
           <div class="ability" v-for="val in item.list2" :key="val.channelId">
             <div class="left sxt"></div>
@@ -280,9 +277,7 @@
               </div>
             </div>
           </div>
-         
         </div>
-      
       </div>
     </div>
     <!-- 单个预览弹窗 -->