apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

工单详情小修没有目的地，input框不可填写的背景色

Browse Source
This commit is contained in:
zhouxueli
2023-08-30 09:51:12 +08:00
parent 9deb44bc04
commit adcb7151e9
2 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/index/workOrderDetail.vue
View File

@ -50,10 +50,10 @@
<span class="leftTitle fontColor">事发地补充:</span><span class="rightContent vehicleRemark" >{{orderDetailInfo.vehiclePointRemark}} <span class="leftTitle fontColor">事发地补充:</span><span class="rightContent vehicleRemark" >{{orderDetailInfo.vehiclePointRemark}}
</span> </span>
</div> </div>
<div class="item" style="align-items: baseline"> <div v-show="orderDetailInfo.taskFlowId === 2" class="item" style="align-items: baseline" >
<span class="leftTitle fontColor">目的地:</span><span class="rightContent" style="flex: 1">{{ orderDetailInfo.destinationAddress }}</span> <span class="leftTitle fontColor">目的地:</span><span class="rightContent" style="flex: 1">{{ orderDetailInfo.destinationAddress }}</span>
</div> </div>
<div class="item" style="align-items: baseline"> <div v-show="orderDetailInfo.taskFlowId === 2" class="item" style="align-items: baseline">
<span class="leftTitle fontColor">目的地补充:</span><span class="rightContent vehicleRemark">{{orderDetailInfo.destinationRemark}}</span> <span class="leftTitle fontColor">目的地补充:</span><span class="rightContent vehicleRemark">{{orderDetailInfo.destinationRemark}}</span>
</div> </div>
<div class="item"> <div class="item">

33
src/views/workOrder/accounting.vue
View File

@ -102,20 +102,20 @@
<div>收取客户金额:</div> <div>收取客户金额:</div>
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierCustomerAmount"/>元</div> <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierCustomerAmount"/>元</div>
</div> </div>
<div class="flex-between" > <div class="flex-between bgDisable" >
<div>基本费用:</div> <div>基本费用:</div>
<div class="halfOpcity inputContent " ><input :class="basePriceDisabled ? 'disable' : ''" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span :class="basePriceDisabled ? 'disable' : ''">元</span></div> <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span >元</span></div>
</div> </div>
<div class="flex-between" > <div class="flex-between bgDisable" >
<div>额外费用总计:</div> <div>额外费用总计:</div>
<div class="halfOpcity inputContent" ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span class="disable">元</span></div> <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span>元</span></div>
</div> </div>
<div class="flex-between"> <div class="flex-between bgDisable ">
<div>费用总计: </div> <div>费用总计: </div>
<div class="halfOpcity inputContent" ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span class="disable">元</span></div> <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span >元</span></div>
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div> </div> <div> &nbsp;</div>
<div class="btnComputed" @click="compute">计算</div> <div class="btnComputed" @click="compute">计算</div>
</div> </div>
<div>备注说明:</div> <div>备注说明:</div>
@ -172,11 +172,11 @@
</tr> </tr>
<tr> <tr>
<td class="col1">基本费用:{{orderInfo.basePrice +'元'}}</td> <td class="col1">基本费用:{{orderInfo.basePrice +'元'}}</td>
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'disable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td> <td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
</tr> </tr>
<tr> <tr>
<td class="col1">额外费用总计:{{orderInfo.extraPrice +'元'}}</td> <td class="col1">额外费用总计:{{orderInfo.extraPrice +'元'}}</td>
<td class="col2 halfOpc" style="opacity: 1;"><input class="disable" :readonly="true" v-model="form.supplierExtraPrice"/></td> <td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true" v-model="form.supplierExtraPrice"/></td>
</tr> </tr>
<tr> <tr>
<td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td> <td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td>
@ -185,7 +185,7 @@
<tr> <tr>
<td class="col1">费用总计:{{orderInfo.settleAmount +'元'}}</td> <td class="col1">费用总计:{{orderInfo.settleAmount +'元'}}</td>
<td class="col2" style="width: 100%;display: flex;justify-content: center;box-sizing: border-box"> <td class="col2" style="width: 100%;display: flex;justify-content: center;box-sizing: border-box">
<input class="disable" :readonly="true" v-model="form.supplierSettleAmount"/> <input class="supplierdisable" :readonly="true" v-model="form.supplierSettleAmount"/>
<button class="btnCom" @click="compute">计算</button> <button class="btnCom" @click="compute">计算</button>
</td> </td>
</tr> </tr>
@ -584,7 +584,17 @@ export default {
overflow-y: auto; overflow-y: auto;
} }
.disable{ .disable{
background-color: transparent;
border: none;
opacity: 1 !important;
}
.supplierdisable{
color: #999999;; color: #999999;;
border: none;
opacity: 1 !important;
}
.bgDisable{
background: rgba(204, 204, 204, .3);
} }
.navBar{ .navBar{
margin-bottom: 46px; margin-bottom: 46px;
@ -641,7 +651,8 @@ img{
@include fontWeightSize(bold,13px); @include fontWeightSize(bold,13px);
} }
.flex-between{ .flex-between{
@include flexColBet width: 100%;
@include flexBetCen
} }
.halfOpcity{ .halfOpcity{
opacity: .5; opacity: .5;