|
@@ -108,14 +108,22 @@
|
|
{{ detailItem.Province+' '+detailItem.City }}
|
|
{{ detailItem.Province+' '+detailItem.City }}
|
|
</div>
|
|
</div>
|
|
<div class="detail-item">
|
|
<div class="detail-item">
|
|
- <div class="detail-item-label"> 出差事由:</div>
|
|
|
|
|
|
+ <div class="detail-item-label">出差事由:</div>
|
|
{{ detailItem.Reason }}
|
|
{{ detailItem.Reason }}
|
|
</div>
|
|
</div>
|
|
<div class="detail-item">
|
|
<div class="detail-item">
|
|
<div class="detail-item-label">交通工具:</div>
|
|
<div class="detail-item-label">交通工具:</div>
|
|
{{ detailItem.Transportation && detailItem.Transportation.indexOf('其他')!=-1?
|
|
{{ detailItem.Transportation && detailItem.Transportation.indexOf('其他')!=-1?
|
|
detailItem.Transportation.substring(detailItem.Transportation.indexOf('-')+1):detailItem.Transportation }}
|
|
detailItem.Transportation.substring(detailItem.Transportation.indexOf('-')+1):detailItem.Transportation }}
|
|
- </div>
|
|
|
|
|
|
+ </div>
|
|
|
|
+ <div class="detail-item">
|
|
|
|
+ <div class="detail-item-label">行程说明:</div>
|
|
|
|
+ <el-tooltip popper-class="item-top-intro" effect="dark" :content="detailItem.Itinerary" placement="top">
|
|
|
|
+ <div class="itinerary-text">
|
|
|
|
+ {{ detailItem.Itinerary }}
|
|
|
|
+ </div>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </div>
|
|
<div class="detail-item" style="line-height: 20px;" v-show="detailItem.PeerPeopleName">
|
|
<div class="detail-item" style="line-height: 20px;" v-show="detailItem.PeerPeopleName">
|
|
<div class="detail-item-label">同行人:</div>
|
|
<div class="detail-item-label">同行人:</div>
|
|
{{ detailItem.PeerPeopleName }}
|
|
{{ detailItem.PeerPeopleName }}
|
|
@@ -391,6 +399,15 @@ import bussinessTrip from '@/views/business_trip_manage/mixins/bussinessTrip'
|
|
min-width: 80px;
|
|
min-width: 80px;
|
|
text-align: right;
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
+ .itinerary-text{
|
|
|
|
+ width:100%;
|
|
|
|
+ overflow:hidden;
|
|
|
|
+ text-overflow:ellipsis;
|
|
|
|
+ display:-webkit-box;
|
|
|
|
+ line-clamp: 5;
|
|
|
|
+ -webkit-box-orient:vertical;
|
|
|
|
+ -webkit-line-clamp:5;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.detail-date{
|
|
.detail-date{
|
|
margin-bottom: 14px;
|
|
margin-bottom: 14px;
|
|
@@ -400,3 +417,8 @@ import bussinessTrip from '@/views/business_trip_manage/mixins/bussinessTrip'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
|
|
+<style lang="scss">
|
|
|
|
+.item-top-intro{
|
|
|
|
+ max-width: 400px;
|
|
|
|
+}
|
|
|
|
+</style>
|