车架号添加
This commit is contained in:
@@ -1,41 +1,57 @@
|
||||
<template>
|
||||
<div class="wrap">
|
||||
<div class="baseInfo common" :style="{'height':orderDetailInfo.contractParentId == 110 ? '300px' : '240px'}">
|
||||
<div class="baseInfo common">
|
||||
<div class="title">基本信息:</div>
|
||||
<div class="line"></div>
|
||||
<div class="infoWrap fontColor">
|
||||
<div class="leftTitle">
|
||||
<div class="leftItem">工单编号:</div>
|
||||
<div class="leftItem" v-if="!([7,9,11,12].includes(Number(queryType)))">合同:</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="leftItem">机构名称:</div>
|
||||
<div class="leftItem">销售人员:</div>
|
||||
<div class="leftItem">司机号码:</div>
|
||||
</template>
|
||||
<div class="leftItem">结算方式:</div>
|
||||
<div class="leftItem">客户姓名:</div>
|
||||
<div class="leftItem">客户电话:</div>
|
||||
<div class="leftItem">车牌号:</div>
|
||||
<div class="leftItem">车型品牌:</div>
|
||||
</div>
|
||||
<div class="rightContent">
|
||||
<div class="rightItem" style="display: flex;align-items: center;">
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">工单编号:</span>
|
||||
<span class="rightItem" style="display: flex;align-items: center;">
|
||||
<span id="copyText">{{orderDetailInfo.orderCode}}</span>
|
||||
<img @click="copyText" src="@/assets/copy.png" style="width: 35px;height: 15px;margin-left: 10px"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="infoRow" v-if="!([7,9,11,12].includes(Number(queryType)))">
|
||||
<span class="leftItem">合同:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.contractName }}</span>
|
||||
</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">机构名称:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.organizeName }}</span>
|
||||
</div>
|
||||
<div class="rightItem" v-if="!([7,9,11,12].includes(Number(queryType)))">{{ orderDetailInfo.contractName }}</div>
|
||||
<template v-if="orderDetailInfo.contractParentId == 110">
|
||||
<div class="rightItem">{{ orderDetailInfo.organizeName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.saleName }}</div>
|
||||
<div class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</div>
|
||||
</template>
|
||||
<div class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</div>
|
||||
<div class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskName(orderDetailInfo.userName) : orderDetailInfo.userName }}</div>
|
||||
<div class="rightItem">{{ maskPhone(orderDetailInfo.userPhone) }}</div>
|
||||
<div class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskPlate(orderDetailInfo.plateNumber) : orderDetailInfo.plateNumber }}</div>
|
||||
<!-- <div class="rightItem" >理想智动LXA6500SHEVM理想智动LXA6500SHEVM</div>-->
|
||||
<div class="rightItem" >{{orderDetailInfo.model}}{{ orderDetailInfo.brand }}</div>
|
||||
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">销售人员:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.saleName }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">司机号码:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.driverPhone ? orderDetailInfo.driverPhone : ' '}}</span>
|
||||
</div>
|
||||
</template>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">结算方式:</span>
|
||||
<span class="rightItem">{{ orderDetailInfo.contractSettleType?.label }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">客户姓名:</span>
|
||||
<span class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskName(orderDetailInfo.userName) : orderDetailInfo.userName }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">客户电话:</span>
|
||||
<span class="rightItem">{{ maskPhone(orderDetailInfo.userPhone) }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">车牌号:</span>
|
||||
<span class="rightItem">{{ [7,9,11,12].includes(Number(queryType)) ? maskPlate(orderDetailInfo.plateNumber) : orderDetailInfo.plateNumber }}</span>
|
||||
</div>
|
||||
<div class="infoRow">
|
||||
<span class="leftItem">车型品牌:</span>
|
||||
<span class="rightItem">{{orderDetailInfo.model}}{{ orderDetailInfo.brand }}</span>
|
||||
</div>
|
||||
<div class="infoRow" v-if="!([7,9,11,12].includes(Number(queryType)))">
|
||||
<span class="leftItem">车架号:</span>
|
||||
<span class="rightItem">{{orderDetailInfo.vinNo}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -337,21 +353,25 @@ export default {
|
||||
}
|
||||
.baseInfo{
|
||||
width: 100%;
|
||||
//@include wh(100%,260px);
|
||||
margin-bottom: 12px;
|
||||
.infoWrap{
|
||||
display: flex;
|
||||
.leftTitle{
|
||||
margin-left: 5px;
|
||||
margin-right: 6px;
|
||||
@include wh(60px,189px);
|
||||
opacity: .5;
|
||||
}
|
||||
.rightContent{
|
||||
height: 189px;
|
||||
width: calc(100% - 60px);
|
||||
.infoRow{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 24px;
|
||||
.leftItem{
|
||||
width: 60px;
|
||||
flex-shrink: 0;
|
||||
margin-left: 5px;
|
||||
margin-right: 6px;
|
||||
opacity: .5;
|
||||
}
|
||||
.rightItem{
|
||||
height: 24px;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user