u

code/link56/link56-frontend-new/src/views/company/index.vue

@@ -4,6 +4,7 @@ import { ElMessage } from 'element-plus'
 import { onMounted, reactive, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import QueryCompany from '@/components/QueryCompany.vue'
+import SafeImage from '@/components/SafeImage.vue'
 import { queryCompanyApi } from '@/request/api/company'
 import { useCommonStore } from '@/store/common'
 
@@ -77,21 +78,22 @@ function toDetail(data: Company) {
         </div>
         <div class="company-list">
           <div v-for="item in companyList" :key="item.id" class="company-item">
-            <el-avatar shape="square" :src="item.logo || '/no-avatar.png'" :size="70" class="company-logo" />
+            <SafeImage :url="item.logo" :size="70" class="company-logo" />
 
             <div class="company-info">
               <div class="company-header">
-                <div class="company-name">
+                <div class="company-name" @click="toDetail(item)">
                   {{ item.name }}
                 </div>
+                <div class="company-tags">
+                  <el-tag v-for="tag in item.industries" :key="tag" type="primary" effect="dark">
+                    {{ tag }}
+                  </el-tag>
+                </div>
               </div>
-              <div class="company-tags">
-                <el-tag v-for="tag in item.industries" :key="tag" type="primary" effect="dark">
-                  {{ tag }}
-                </el-tag>
-              </div>
-              <p class="company-profile">
-                {{ item.profile || '-' }}
+
+              <p v-if="item.profile" class="company-profile">
+                {{ item.profile }}
               </p>
               <div class="company-footer">
                 <div class="company-details">
@@ -109,7 +111,7 @@ function toDetail(data: Company) {
                   </div>
                 </div>
                 <div class="company-actions">
-                  <el-button @click="toDetail(item)">
+                  <!-- <el-button @click="toDetail(item)">
                     <i-ri:information-2-line />
                     <span class="button-text">
                       详细
@@ -121,7 +123,7 @@ function toDetail(data: Company) {
                     <span class="button-text">
                       发起聊天
                     </span>
-                  </el-button>
+                  </el-button> -->
                 </div>
               </div>
             </div>
@@ -202,7 +204,7 @@ function toDetail(data: Company) {
 
       .company-info {
         flex: 1;
-
+        min-height: 70px;
         .company-header {
           display: flex;
           justify-content: space-between;
@@ -219,7 +221,8 @@ function toDetail(data: Company) {
 
         .company-tags {
           margin-bottom: 6px;
-          > * {
+
+          > *:not(:last-child) {
             margin-right: 16px;
           }
         }