From 0d3e86a6bacb3712e90a7dfd653e49317912e240 Mon Sep 17 00:00:00 2001 From: jiangping <jp@doumee.com> Date: 星期五, 31 五月 2024 14:53:27 +0800 Subject: [PATCH] 最新版本 --- admin/src/components/business/OperaCarUseBookWindow.vue | 40 +++++++++++++++++++++++++--------------- 1 files changed, 25 insertions(+), 15 deletions(-) diff --git a/admin/src/components/business/OperaCarUseBookWindow.vue b/admin/src/components/business/OperaCarUseBookWindow.vue index 146c5de..894234c 100644 --- a/admin/src/components/business/OperaCarUseBookWindow.vue +++ b/admin/src/components/business/OperaCarUseBookWindow.vue @@ -88,7 +88,7 @@ <div class="company"> {{ item.memberName }} <div style="display: inline" v-if="item.statusInfo!=null && item.statusInfo!=''"> - <span class="status-green">{{item.statusInfo ||''}}</span>锛� + 锛�<span class="status-green">{{item.statusInfo ||''}}</span>锛� </div> </div> </div> @@ -98,10 +98,10 @@ {{ item.checkInfo || '' }} </div> <div v-if="item.approveType == 1 " class="childList"> - <div style="display: inline" v-for="item1 in item.approveList" :key="item1.id"> + <div class="m_content" v-for="item1 in item.approveList" :key="item1.id"> <img v-if="item1.faceImg!=null && item1.faceImg !=''" :src="item1.faceImg" class="avatar" alt="" /> <img v-if="item1.faceImg ==null ||item1.faceImg ==''" src="@/assets/avatar/man.png" class="avatar" alt="" /> - <span style="display: inline-block"> {{item1.memberName}}</span> + <span > {{item1.memberName}}</span> </div> </div> </div> @@ -440,8 +440,27 @@ position: absolute; border-left: 2px dashed #cccccc; left: 31px; - height: calc(100% - 24px); - top: 34px; + height: calc(100% - 36px); + top: 49px; + } + .avatar { + width: 40px; + height: 40px; + border-radius: 50%; + margin: 0 12px 0 16px; + //border: 1px solid; + } + .childList{ + display: flex; + flex-wrap: wrap; + margin-left: 100px; + } + .m_content{ + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 4px; } .info { display: flex; @@ -475,13 +494,6 @@ color:gray; font-size: 24px; } - .avatar { - width: 40px; - height: 40px; - border-radius: 50%; - margin: 0 12px 0 16px; - //border: 1px solid; - } .content { flex: 1; .line { @@ -514,9 +526,7 @@ color: #666666; margin-left: 120px; } - .childList { - margin-left: 120px; - } + } } } -- Gitblit v1.9.3