Skip to content

J
jiedao-app-customer-new-master
Commit eef0d4c9 authored by honghy's avatar honghy
Browse files
Options

订单详情样式调整

parent 9740219c
Show whitespace changes
Inline Side-by-side
Showing with 31 additions and 30 deletions
src/pages/orderInfo/orderInfo.vue
View file @ eef0d4c9
......@@ -160,56 +160,56 @@
</view>
<view class="order-info-line">
<view class="order-info-line-v">
<view style="height: 36px;">{{$lang.lang.orderInfo.marks}}：{{orderData.marks}}</view>
<view style="height: 36px;">
<view style="height: 100upx;">{{$lang.lang.orderInfo.marks}}：{{orderData.marks}}</view>
<view style="height: 100upx;">
{{$lang.lang.orderInfo.warehouse}}：{{orderData.sumNum||0}}{{$lang.lang.orderInfo.box}}
{{orderData.sumWeight||0}}KG
{{orderData.sumVolume||0}}m³
{{orderData.sumQuantity||0}}{{$lang.lang.create.aunit}}
</view>
<view style="height: 36px;" v-if="orderData.drawee==1">{{$lang.lang.create.payer}}：{{$lang.lang.create.consignor}}</view>
<view style="height: 36px;" v-else-if="orderData.drawee==2">{{$lang.lang.create.payer}}：{{$lang.lang.create.consignee}}</view>
<view style="height: 36px;" v-else @click="showCustomDrawee">{{$lang.lang.create.payer}}：{{$lang.lang.create.customDrawee}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.objectport}}:{{orderData.productRecord==1?$lang.lang.orderInfo.ourUndertakes:$lang.lang.orderInfo.customerUndertakes}}</view>
<view style="height: 36px;">{{$lang.lang.create.special}}:{{packageTypeName||''}}</view>
<view style="height: 100upx;" v-if="orderData.drawee==1">{{$lang.lang.create.payer}}：{{$lang.lang.create.consignor}}</view>
<view style="height: 100upx;" v-else-if="orderData.drawee==2">{{$lang.lang.create.payer}}：{{$lang.lang.create.consignee}}</view>
<view style="height: 100upx;" v-else @click="showCustomDrawee">{{$lang.lang.create.payer}}：{{$lang.lang.create.customDrawee}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.objectport}}:{{orderData.productRecord==1?$lang.lang.orderInfo.ourUndertakes:$lang.lang.orderInfo.customerUndertakes}}</view>
<view style="height: 100upx;">{{$lang.lang.create.special}}:{{packageTypeName||''}}</view>
<template v-if="basicShowMore">
<view style="height: 36px;">{{$lang.lang.orderInfo.time}}：{{orderData.deliveryDate||$lang.lang.orderInfo.none}}</view>
<view style="height: 36px;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">
<view style="height: 100upx;">{{$lang.lang.orderInfo.time}}：{{orderData.deliveryDate||$lang.lang.orderInfo.none}}</view>
<view style="height: 100upx;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">
{{$lang.lang.orderInfo.clearCard}}：
<template v-if="orderData.customsClearCert !== null">
{{orderData.customsClearCert? $lang.lang.orderInfo.is : $lang.lang.orderInfo.no}}
</template>
<template v-else>-</template>
</view>
<view style="height: 36px;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.orderInfo.unpack}}：{{orderData.isUnpack?$lang.lang.orderInfo.is:$lang.lang.orderInfo.no}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.loans}}：{{orderData.collectionProxy?($lang.lang.orderInfo.yes+' ('+orderData.collectionProxy+getType(orderData.collectionProxyCurrency)+')'):$lang.lang.orderInfo.no}}</view>
<view style="height: 72px;" v-if="orderData.isExternalWarehouse&& orderData.externalWarehousedtolist && orderData.externalWarehousedtolist.length">
<view style="height: 100upx;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.orderInfo.unpack}}：{{orderData.isUnpack?$lang.lang.orderInfo.is:$lang.lang.orderInfo.no}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.loans}}：{{orderData.collectionProxy?($lang.lang.orderInfo.yes+' ('+orderData.collectionProxy+getType(orderData.collectionProxyCurrency)+')'):$lang.lang.orderInfo.no}}</view>
<view style="height: 200upx;" v-if="orderData.isExternalWarehouse&& orderData.externalWarehousedtolist && orderData.externalWarehousedtolist.length">
<text>{{$lang.lang.orderInfo.warehouseName}}:{{$lang.lang.orderInfo.externalWarehouse}}</text>
<text>{{$lang.lang.orderInfo.estLoading}}:{{orderData.externalWarehousedtolist[0].estLoadingtime}}</text>
<text>{{$lang.lang.orderInfo.loadingAddress}}:{{orderData.externalWarehousedtolist[0].loadingAddress}}</text>
</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.creator}}:{{orderData.creatorName}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.creator}}:{{orderData.creatorName}}</view>
</template>
</view>
<view class="order-info-line-v">
<view style="height: 36px;">{{$lang.lang.orderInfo.formInfo}}：{{orderData.costVO?orderData.costVO.totalNum:0}}{{$lang.lang.orderInfo.box}}
<view style="height: 100upx;">{{$lang.lang.orderInfo.formInfo}}：{{orderData.costVO?orderData.costVO.totalNum:0}}{{$lang.lang.orderInfo.box}}
{{orderData.costVO?orderData.costVO.totalWeight:0}}KG
{{orderData.costVO?orderData.costVO.totalVolume:0}}m³
{{orderData.costVO?orderData.costVO.totalQuantity:0}}{{$lang.lang.create.aunit}}
</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.datas}}：{{orderData.sumNum}}{{$lang.lang.orderInfo.box}} {{orderData.vweight}}KG {{orderData.wvolume}}m³ {{orderData.sumQuantity}}{{$lang.lang.create.aunit}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.customsType}}：{{getConfigLabel('customsType',orderData.customsType)}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.isCargoControl}}：{{orderData.isCargoControl?$lang.lang.orderInfo.yes:$lang.lang.orderInfo.no}}</view>
<view style="height: 36px;">{{$lang.lang.create.specialNote}}: {{orderData.packageRemarks||''}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.datas}}：{{orderData.sumNum}}{{$lang.lang.orderInfo.box}} {{orderData.vweight}}KG {{orderData.wvolume}}m³ {{orderData.sumQuantity}}{{$lang.lang.create.aunit}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.customsType}}：{{getConfigLabel('customsType',orderData.customsType)}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.isCargoControl}}：{{orderData.isCargoControl?$lang.lang.orderInfo.yes:$lang.lang.orderInfo.no}}</view>
<view style="height: 100upx;">{{$lang.lang.create.specialNote}}: {{orderData.packageRemarks||''}}</view>
<template v-if="basicShowMore">
<view style="height: 36px;">{{$lang.lang.orderInfo.levite}}：{{getConfigLabel('warehouseType',orderData.warehouseType)}}</view>
<view style="height: 36px;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.orderInfo.clearRemark}}：{{orderData.remarks||$lang.lang.orderInfo.none}}</view>
<view style="height: 36px;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.create.nowChange}}：{{orderData.isSingleTicketTransport?$lang.lang.create.is:$lang.lang.create.fou}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.tidanPrice}}:{{orderData.displayBillLadingPrice?$lang.lang.orderInfo.show:$lang.lang.orderInfo.noShow}}</view>
<view style="height: 36px;">{{$lang.lang.create.quickNo}}:{{orderData.number}}</view>
<view style="height: 36px;">{{$lang.lang.orderInfo.createTime}}：{{orderData.createTime|$parseTime}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.levite}}：{{getConfigLabel('warehouseType',orderData.warehouseType)}}</view>
<view style="height: 100upx;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.orderInfo.clearRemark}}：{{orderData.remarks||$lang.lang.orderInfo.none}}</view>
<view style="height: 100upx;" v-if="['3','4'].indexOf(orderData.transportId+'') > -1">{{$lang.lang.create.nowChange}}：{{orderData.isSingleTicketTransport?$lang.lang.create.is:$lang.lang.create.fou}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.tidanPrice}}:{{orderData.displayBillLadingPrice?$lang.lang.orderInfo.show:$lang.lang.orderInfo.noShow}}</view>
<view style="height: 100upx;">{{$lang.lang.create.quickNo}}:{{orderData.number}}</view>
<view style="height: 100upx;">{{$lang.lang.orderInfo.createTime}}：{{orderData.createTime|$parseTime}}</view>
</template>
</view>
</view>
......
src/static/css/orderInfo.css
View file @ eef0d4c9
......@@ -164,10 +164,11 @@ page{
.order-nav-v view{
height: 100%;
width: 30%;
text-align: left;
line-height: 90upx;
text-align: center;
font-size: var(--f26);
position: relative;
display: flex;
justify-content: center;
align-items: center;
color: var(--c9);
}
.order-nav-v .act{
......@@ -188,11 +189,11 @@ page{
}
.order-nav-v .act text{
position: relative;
padding-bottom: 30upx;
padding-bottom: 10upx;
}
.order-nav-v .act text::after{
content: '';
width: 66upx;
width: 100%;
height: 3px;
background: var(--c396);
position: absolute;
......@@ -234,7 +235,7 @@ page{
}
.order-table-v{
/* display: flex; */
height: 70upx;
height: 100upx;
display: flex;
}
.order-table-v text{
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment