From 5c309c0321f726e91e3074335c74daf9605883e8 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 8 Apr 2022 21:06:25 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=BC=81=E4=B8=9A=E6=96=87?=
 =?UTF-8?q?=E5=AD=97logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xiushan/components/enterpriseDialog.vue   | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/project/xiushan/components/enterpriseDialog.vue b/project/xiushan/components/enterpriseDialog.vue
index e9c3abc5..e0f1eeee 100644
--- a/project/xiushan/components/enterpriseDialog.vue
+++ b/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;
-      text-align: justify;
+      padding: 12px 16px;
       background: #8CA3CD;
       color: #FFFFFF;
       font-size: 22px;
-      letter-spacing: 6px;
+      line-height: 30px;
+      letter-spacing: 4px;
       border-radius: 8px;
+      height: fit-content;
     }
 
     .top-right {