| </div> | </div> | ||||
| <div class="right_box"> | <div class="right_box"> | ||||
| <div class="top_row"> | <div class="top_row"> | ||||
| <span>{{ companyInfo.companyName }}</span> | |||||
| <span class="name" :title="companyInfo.companyName">{{ companyInfo.companyName }}</span> | |||||
| <div> | <div> | ||||
| <template | <template | ||||
| v-if="canEdit == 1 && companyInfo.claimState.text === '已认领'" | v-if="canEdit == 1 && companyInfo.claimState.text === '已认领'" | ||||
| } | } | ||||
| .right_box { | .right_box { | ||||
| height: 200px; | height: 200px; | ||||
| flex: 1; | |||||
| width: calc(100% - 220px); | |||||
| // flex: 1; | |||||
| @include flex(column, space-between, flex-start, nowrap); | @include flex(column, space-between, flex-start, nowrap); | ||||
| .top_row { | .top_row { | ||||
| width: 100%; | width: 100%; | ||||
| @include flex(row, space-between, center, null); | @include flex(row, space-between, center, null); | ||||
| > span { | |||||
| .name { | |||||
| @include font(24px, #334a5f); | @include font(24px, #334a5f); | ||||
| font-weight: 600; | font-weight: 600; | ||||
| @include text-ellipsis; | |||||
| } | } | ||||
| > div { | > div { | ||||
| @include flex(row, flex-start, center, null); | @include flex(row, flex-start, center, null); |