调整企业文字logo

project/xiushan/components/enterpriseDialog.vue

@@ -1,7 +1,7 @@
 <template>
   <section class="enterpriseDialog">
     <div class="top">
-      <div class="top-left">{{ info.subEnterpriseName }}</div>
+      <div class="top-left" v-html="txtLogo"/>
       <div class="top-right">
         <div class="top-right__top">
           <h2>{{ info.enterpriseName }}</h2>
@@ -71,6 +71,9 @@ export default {
     ...mapState(['user']),
     isFinanceUser() {
       return !!this.user.financeUser?.id
+    },
+    txtLogo() {
+      return this.info.enterpriseName?.substring(0, 4)?.replace(/(.{2})(.{2})/, '$1<br/>$2') || ""
     }
   },
   data() {
@@ -134,7 +137,6 @@ export default {
       }).then(res => {
         if (res?.data) {
           this.info = res.data
-          this.info.subEnterpriseName = res.data.enterpriseName.substr(0, 4)
         }
       })
     }
@@ -167,21 +169,15 @@ export default {
     border-radius: 4px;
 
     .top-left {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 1;
-      width: 88px;
-      height: 87px;
-      line-height: 1.3;
       margin-right: 31px;
-      padding: 0 16px;
+      padding: 12px 16px;
-      text-align: justify;
       background: #8CA3CD;
       color: #FFFFFF;
       font-size: 22px;
-      letter-spacing: 6px;
+      line-height: 30px;
+      letter-spacing: 4px;
       border-radius: 8px;
+      height: fit-content;
     }
 
     .top-right {