改bug

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

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

front/src/views/demandCenter/index.vue

@@ -4,7 +4,11 @@
     <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>
@@ -14,31 +18,45 @@
       </div>
       <div class="right">
         <!-- <div class="title">数据需求</div> -->
-        <a-list class="demo-loadmore-list" :loading="initLoading" item-layout="horizontal" :data-source="list"
+        <a-list
-          :key="showKey">
+          class="demo-loadmore-list"
+          :loading="initLoading"
+          item-layout="horizontal"
+          :data-source="list"
+          :key="showKey"
+        >
           <template #renderItem="{ item }">
             <a-list-item>
-              <a-skeleton avatar :title="false" :loading="!!item.loading" active>
+              <div class="toptitle">
-                <a-tooltip placement="topLeft" arrow-point-at-center mouseEnterDelay="1"
+                <a-tooltip placement="topLeft">
-                  overlayClassName="demandCenter-tooltip-card">
+                  <template #title>{{ item.demandSubject }}</template>
-                  <template #title>
+                  <span
-                    <div class="tooltip-desc">{{ item.demandDetails || '--' }}</div>
+                    @click="showDetail(item)"
-                  </template>
+                    style="cursor: pointer"
-                  <a-list-item-meta :description="'描述：' + (item.demandDetails || '--')">
+                    class="name"
-                    <template #title>
+                  >
-                      <span @click="showDetail(item)" style="cursor: pointer" class="name">
                     {{ 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 v-model:current="pageNum" v-model:page-size="pageSize" :total="total" @change="pageChange"
+        <a-pagination
-          :key="showKey">
+          v-model:current="pageNum"
+          v-model:page-size="pageSize"
+          :total="total"
+          @change="pageChange"
+          :key="showKey"
+        >
           <template #buildOptionText="props">
             <span>{{ props.value }}条/页</span>
           </template>
@@ -72,8 +90,6 @@ const whoShow1 = ref(whoShow)
 
 const selectedKeys = ref(['0'])
 
-  
-
 const menuList = [
   {
     key: '0',
@@ -151,7 +167,6 @@ const getApplyList = () => {
 }
 
 const showDetail = (item) => {
-
   router.push({
     path: '/demandDetails',
     query: {
@@ -176,7 +191,6 @@ onMounted(() => {
     list.value = res.data.data.list
     total.value = res.data.data.total
   })
-
 })
 </script>
 <style lang="less" scoped>
@@ -245,25 +259,9 @@ onMounted(() => {
       background-color: #ffffff;
       box-shadow: 10px 8px 10px 3px #9dc6ea;
       padding: 20px;
-
+      .toptitle {
-      .title {
+        margin-bottom: 10px;
-        font-size: 22px;
+        & > span:first-child {
-        font-weight: 500;
-        color: #1492ff;
-      }
-
-      .ant-list {
-        height: 730px;
-        overflow-y: scroll;
-
-        :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;
@@ -274,13 +272,22 @@ onMounted(() => {
           /*超出显示为省略号*/
           -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 {
-        :deep(.ant-list-item-meta-description) {
         display: -webkit-box;
         /*设置为弹性盒子*/
-          -webkit-line-clamp: 2;
+        -webkit-line-clamp: 1;
         /*最多显示2行*/
         overflow: hidden;
         /*超出隐藏*/
@@ -288,7 +295,55 @@ onMounted(() => {
         /*超出显示为省略号*/
         -webkit-box-orient: vertical;
         word-break: break-all;
+        width: 800px;
+        font-size: 14px;
       }
+
+      .title {
+        font-size: 22px;
+        font-weight: 500;
+        color: #1492ff;
+      }
+
+      .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-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,6 +152,7 @@
                 >
                   查看详情
                 </a-button>
+               
                 <!-- <div class="btn" v-if="val.type == '组件服务'">技术文档</div> -->
               </div>
               <div class="ability-bottom">
@@ -174,9 +175,11 @@
                   </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>
@@ -277,7 +280,9 @@
               </div>
             </div>
           </div>
+         
         </div>
+      
       </div>
     </div>
     <!-- 单个预览弹窗 -->