|
@@ -53,21 +53,21 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="CarModel" v-if="orderData.billsheet.CarModel">{{orderData.billsheet.CarModel}}</view>
|
|
|
- <view class="informationLine" >
|
|
|
- <view class="informationTxt">进店里程:</view>
|
|
|
- <view class="informationNum" v-if="orderData.billsheet.CurrentMileage>0">
|
|
|
- {{orderData.billsheet.CurrentMileage}}km
|
|
|
+ <view class="goodscostLine" >
|
|
|
+ <view class="informationTxt">进店里程</view>
|
|
|
+ <view class="goodsCostNum3 " style="font-size: 28rpx;" v-if="orderData.billsheet.CurrentMileage>0">
|
|
|
+ {{orderData.billsheet.CurrentMileage}}公里
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="informationLine" >
|
|
|
- <view class="informationTxt">建议下次保养里程:</view>
|
|
|
- <view class="informationNum" v-if="orderData.billsheet.NextCareMilage">
|
|
|
- {{orderData.billsheet.NextCareMilage}}km
|
|
|
+ <view class="goodscostLine" >
|
|
|
+ <view class="informationTxt">建议下次保养里程</view>
|
|
|
+ <view class="goodsCostNum3 " style="font-size: 28rpx;color: #FDC752;" v-if="orderData.billsheet.NextCareMilage">
|
|
|
+ {{orderData.billsheet.NextCareMilage}}公里
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="informationLine" v-if="orderData.billsheet.SheetType==1">
|
|
|
- <view class="informationTxt">建议下次保养时间:</view>
|
|
|
- <view class="informationNum" v-if="orderData.billsheet.NextCareDate">
|
|
|
+ <view class="goodscostLine" style="font-size: 28rpx;color: #FDC752;" v-if="orderData.billsheet.SheetType==1">
|
|
|
+ <view class="informationTxt">建议下次保养时间</view>
|
|
|
+ <view class="goodsCostNum3 " v-if="orderData.billsheet.NextCareDate">
|
|
|
{{orderData.billsheet.NextCareDate.slice(0,10)}}
|
|
|
</view>
|
|
|
</view>
|
|
@@ -76,7 +76,7 @@
|
|
|
</view>
|
|
|
<!-- 店铺信息 -->
|
|
|
<view class="shopBox">
|
|
|
- <image src="../../static/img/icon_store.png" mode="" class="shopBoximg"></image>
|
|
|
+ <!-- <image src="../../static/img/icon_store.png" mode="" class="shopBoximg"></image> -->
|
|
|
<view class="shopCont">
|
|
|
<view class="shopName">{{orderData.billsheet.ShopName}}</view>
|
|
|
<view class="Address" v-if="orderData.billsheet.shopMobilePhone">服务电话:{{orderData.billsheet.shopMobilePhone}}</view>
|
|
@@ -106,15 +106,15 @@
|
|
|
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
- <view class="informationTxt">单号:</view>
|
|
|
+ <view class="informationTxt">单号</view>
|
|
|
<view class="informationNum">{{orderData.billsheet.Code}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
- <view class="informationTxt">服务顾问:</view>
|
|
|
+ <view class="informationTxt">服务顾问</view>
|
|
|
<view class="informationNum">{{orderData.billsheet.PickName}}</view>
|
|
|
</view>
|
|
|
<view class="informationLine">
|
|
|
- <view class="informationTxt">技师:</view>
|
|
|
+ <view class="informationTxt">技师</view>
|
|
|
<view class="informationNum">{{orderData.billsheet.workNames}}</view>
|
|
|
</view>
|
|
|
<!-- <view class="informationLine">
|
|
@@ -126,13 +126,13 @@
|
|
|
<view class="informationNum">{{orderData.billsheet.time}}</view>
|
|
|
</view> -->
|
|
|
<view class="informationLine" v-if="FaultDescription">
|
|
|
- <view class="informationTxt">故障描述:</view>
|
|
|
+ <view class="informationTxt">故障描述</view>
|
|
|
<view class="informationNum" v-if="orderData.billsheet.FaultDescription">
|
|
|
{{orderData.billsheet.FaultDescription}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="informationLine" v-if="RepairDescription">
|
|
|
- <view class="informationTxt">维修建议:</view>
|
|
|
+ <view class="informationTxt">维修建议</view>
|
|
|
<view class="informationNum" v-if="orderData.billsheet.RepairDescription">
|
|
|
{{orderData.billsheet.RepairDescription}}
|
|
|
</view>
|
|
@@ -146,7 +146,7 @@
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<view class="informationLine" v-if="Comment">
|
|
|
- <view class="informationTxt">备注:</view>
|
|
|
+ <view class="informationTxt">备注</view>
|
|
|
<view class="informationNum" v-if="orderData.billsheet.Comment">{{orderData.billsheet.Comment}}
|
|
|
</view>
|
|
|
</view>
|
|
@@ -154,7 +154,7 @@
|
|
|
</view>
|
|
|
|
|
|
<!-- 项目明细 -->
|
|
|
- <view class="detailedBox itemBox" v-if=" orderData.listItems.length!=0" style="padding-bottom: 0;">
|
|
|
+ <view class="detailedBox itemBox" v-if=" orderData.listItems.length!=0" >
|
|
|
<view class="detailedTitle">项目</view>
|
|
|
<view class="detailedLineBox">
|
|
|
<view class="detailedLine" v-for="(item,index) in orderData.listItems">
|
|
@@ -168,10 +168,10 @@
|
|
|
</view>
|
|
|
<view class="itemWorkHoursBox" v-if="itemWorkHours&&itemWorkHours" :class="{nopb:ItemComment&&item.Comment}">
|
|
|
<view class="itemWorkHours" v-if="itemWorkHours">
|
|
|
- 工时:{{item.SaleQty}}
|
|
|
+ 工时:<span class="SalePrice">{{item.SaleQty}}</span>
|
|
|
</view>
|
|
|
<view class="itemPrice" v-if="itemWorkHours">
|
|
|
- 单价:{{item.SalePrice}}
|
|
|
+ 单价:<span class="SalePrice">{{item.SalePrice}}</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="secondBox" v-if="ItemComment" :class="{noLine:index == orderData.listItems.length-1}">
|
|
@@ -197,23 +197,29 @@
|
|
|
<view class="goodTop">
|
|
|
<view class="detailedName"><span v-if="item.CardDetailID"
|
|
|
class="kaColor">卡</span>
|
|
|
- <span v-if="brandSetting">{{item.Brand}}</span>
|
|
|
- {{item.GoodsName}}
|
|
|
- <span v-if="specSetting">{{item.Spec}}</span>
|
|
|
- <span v-if="factoryNumber">{{item.FactoryCode}}</span>
|
|
|
+ <span class="GoodsName" style="padding-right: 4rpx;" v-if="brandSetting&&item.Brand">{{item.Brand}} </span>
|
|
|
+ <span class="GoodsName">{{item.GoodsName}}</span>
|
|
|
+ <span class="GoodsName" style="padding-left: 4rpx;" v-if="specSetting&&item.Spec"> {{item.Spec}}</span>
|
|
|
+ <span class="GoodsName" v-if="factoryNumber&&item.FactoryCode">({{item.FactoryCode}})</span>
|
|
|
+ </view>
|
|
|
+ <view class="price" v-if="goodsMoney">
|
|
|
+ <span>¥</span>
|
|
|
+ {{item.AmountMoney?item.AmountMoney:0}}
|
|
|
</view>
|
|
|
- <view class="qty" v-if="goodsNumber">x{{item.SaleQty}}</view>
|
|
|
+ <!-- <view class="qty" v-if="goodsNumber">x{{item.SaleQty}}</view> -->
|
|
|
</view>
|
|
|
- <view class="secondBox" v-if="GoodsComment" :class="{noLine:index == orderData.listParts.length-1}">
|
|
|
- <view class="comment" v-if="GoodsComment">{{item.Comment}}</view>
|
|
|
- <view class="secondRight">
|
|
|
- <!-- <view class="grayPrice">¥{{item.CheckOutTaxRate}}</view> -->
|
|
|
- <view class="price" v-if="goodsPrice">
|
|
|
- <span>¥</span>
|
|
|
- {{item.AmountMoney?item.AmountMoney:0}}
|
|
|
- </view>
|
|
|
+ <view class="itemWorkHoursBox" v-if="itemWorkHours&&itemWorkHours" :class="{nopb:GoodsComment&&item.Comment}">
|
|
|
+ <view class="itemWorkHours" v-if="goodsNumber">
|
|
|
+ 数量:<span class="SalePrice">{{item.SaleQty}}<span v-if="item.Unit">({{item.Unit}})</span> </span>
|
|
|
+ </view>
|
|
|
+ <view class="itemPrice" v-if="goodsPrice">
|
|
|
+ 单价:<span class="SalePrice">{{item.SalePrice}}</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view class="secondBox" v-if="GoodsComment" :class="{noLine:index == orderData.listParts.length-1}">
|
|
|
+ <view class="comment" v-if="GoodsComment&&item.Comment">{{item.Comment}}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
|
|
|
|
|
|
</view>
|
|
@@ -226,7 +232,7 @@
|
|
|
<view class="detailedTitle">费用明细</view>
|
|
|
<view class="goodscostLine" v-if="AmountMoney">
|
|
|
<view class="goodscostTxt">应收总计</view>
|
|
|
- <view class="goodsCostNum">¥{{orderData.billsheet.AmountMoney?orderData.billsheet.AmountMoney:0}}</view>
|
|
|
+ <view class="goodsCostNum3">¥{{orderData.billsheet.AmountMoney?orderData.billsheet.AmountMoney:0}}</view>
|
|
|
</view>
|
|
|
<view class="goodscostLine" v-if="TotalDiscountMoney">
|
|
|
<view class="goodscostTxt">优惠总计</view>
|
|
@@ -242,7 +248,7 @@
|
|
|
</view>
|
|
|
<view class="goodscostLine" v-if="ReceiptsMoney">
|
|
|
<view class="goodscostTxt">支付金额</view>
|
|
|
- <view class="goodsCostNum">¥{{orderData.billsheet.money?orderData.billsheet.money:0}}</view>
|
|
|
+ <view class="goodsCostNum"><span style="font-size: 28rpx;">¥</span>{{orderData.billsheet.money?orderData.billsheet.money:0}}</view>
|
|
|
</view>
|
|
|
<view class="goodscostLine" >
|
|
|
<view class="goodscostTxt">结算方式</view>
|
|
@@ -318,6 +324,7 @@
|
|
|
itemPrice:false,
|
|
|
iStatusBarHeight:'',
|
|
|
ShowSetting:'',
|
|
|
+ goodsMoney:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
@@ -426,7 +433,9 @@
|
|
|
if (item.fieldValue == 'itemPrice') {
|
|
|
this.itemPrice = item.isChecked
|
|
|
}
|
|
|
-
|
|
|
+ if (item.fieldValue == 'goodsMoney') {
|
|
|
+ this.goodsMoney = item.isChecked
|
|
|
+ }
|
|
|
|
|
|
|
|
|
|
|
@@ -611,6 +620,13 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
+ .SalePrice{
|
|
|
+ color: #3C3C3C;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .GoodsName{
|
|
|
+ font-size: 30rpx !important;
|
|
|
+ }
|
|
|
.itemWorkHoursBox{
|
|
|
display: flex;
|
|
|
font-size: 24rpx;
|
|
@@ -715,7 +731,7 @@
|
|
|
margin-left: 28rpx;
|
|
|
}
|
|
|
.shopBox2{
|
|
|
- padding: 30rpx 20rpx;
|
|
|
+ padding: 30rpx 0rpx;
|
|
|
margin: 0rpx 24rpx;
|
|
|
margin-top: -60rpx;
|
|
|
background-color: #FFFFFF;
|
|
@@ -737,8 +753,8 @@
|
|
|
}
|
|
|
|
|
|
.shopCont {
|
|
|
- width: 405rpx;
|
|
|
- padding-left: 20rpx;
|
|
|
+ width: 470rpx;
|
|
|
+ /* padding-left: 20rpx; */
|
|
|
|
|
|
}
|
|
|
|
|
@@ -882,8 +898,9 @@
|
|
|
|
|
|
|
|
|
.detailedName {
|
|
|
- font-size: 26rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
color: #3C3C3C;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
|
|
|
.kaColor {
|
|
@@ -942,11 +959,11 @@
|
|
|
|
|
|
.price {
|
|
|
|
|
|
- font-size: 32rpx;
|
|
|
+ font-size: 26rpx;
|
|
|
font-weight: 500;
|
|
|
/* color: #FF0000; */
|
|
|
display: flex;
|
|
|
-
|
|
|
+ color: #3C3C3C;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
@@ -973,19 +990,20 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
font-size: 26rpx;
|
|
|
- padding: 20rpx 20rpx;
|
|
|
+ padding: 15rpx 20rpx;
|
|
|
color: #333333;
|
|
|
}
|
|
|
|
|
|
.goodsCostNum {
|
|
|
color: #FF0000;
|
|
|
- font-weight: bold;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 36rpx;
|
|
|
}
|
|
|
.goodsCostNumJsfs{
|
|
|
color: #333333;
|
|
|
}
|
|
|
.goodsCostNum3{
|
|
|
- font-weight: bold;
|
|
|
+ font-weight: 500;
|
|
|
}
|
|
|
.information {
|
|
|
width: 702rpx;
|
|
@@ -1000,6 +1018,7 @@
|
|
|
display: flex;
|
|
|
font-size: 26rpx;
|
|
|
padding: 15rpx 20rpx;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.informationTxt {
|
|
@@ -1010,6 +1029,7 @@
|
|
|
.informationNum {
|
|
|
color: #333333;
|
|
|
width: calc(100vw - 200rpx);
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
|
|
|
.copyBtn {
|
|
@@ -1340,21 +1360,25 @@
|
|
|
|
|
|
.ping {
|
|
|
text-align: center;
|
|
|
- color: #FF4F00;
|
|
|
+ /* color: #FF4F00; */
|
|
|
+ color: #666666;
|
|
|
width: 150rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
|
border-radius: 36rpx;
|
|
|
- border: 2rpx solid #FF4F00;
|
|
|
+ border: 2rpx solid #DDDDDD;
|
|
|
}
|
|
|
|
|
|
.kan {
|
|
|
text-align: center;
|
|
|
- color: #3C3C3C;
|
|
|
+ color: #666666;
|
|
|
width: 150rpx;
|
|
|
height: 56rpx;
|
|
|
line-height: 56rpx;
|
|
|
border-radius: 36rpx;
|
|
|
border: 2rpx solid #DDDDDD;
|
|
|
}
|
|
|
+ .goodscostTxt{
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
</style>
|