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

input禁止输入时的文字显示，select下拉框颜色统一

Browse Source
This commit is contained in:
zhouxueli
2023-08-29 17:51:11 +08:00
parent 1d5b7a535b
commit 9deb44bc04
5 changed files with 37 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/index/driverAdd.vue
View File

@ -20,7 +20,7 @@
<img class="startImg" src="@/assets/start.png" />
<span>准驾车型</span>
</div>
<select id="mySelect" v-model="drivingModel" class="chosen-select" style="width: 44px">
<select id="mySelect" class="mySelect" v-model="drivingModel" >
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
@ -165,6 +165,17 @@ export default {
box-sizing: border-box;
padding-left: 16px;
}
.mySelect{
@include fontWeightSize(bold,13px);
width: 44px;
color: #323643;
appearance: none;
padding-right: 16px;
background-image: url('@/assets/arrow_bot.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 14px; /* 自定义图像的大小 */
}
.navBar{
//height: 46px;
margin-bottom: 46px;

12
src/views/index/vehicleAdd.vue
View File

@ -18,7 +18,7 @@
<img class="startImg" src="@/assets/start.png" />
<span>车辆类型</span>
</div>
<select id="mySelect" v-model="selectedOption">
<select id="mySelect" class="mySelect" v-model="selectedOption">
<option v-for="(item,index) in typeList" :key="index" :value="index">{{item}}</option>
</select>
</div>
@ -198,6 +198,16 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.mySelect{
@include fontWeightSize(bold,13px);
color: #323643;
appearance: none;
padding-right: 16px;
background-image: url('@/assets/arrow_bot.png');
background-repeat: no-repeat;
background-position: right center;
background-size: 15px 14px; /* 自定义图像的大小 */
}
.checkbox-group {
display: none;
}

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

@ -104,15 +104,15 @@
</div>
<div class="flex-between" >
<div>基本费用:</div>
<div class="halfOpcity inputContent" ><input type="number" :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/>元</div>
<div class="halfOpcity inputContent " ><input :class="basePriceDisabled ? 'disable' : ''" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span :class="basePriceDisabled ? 'disable' : ''">元</span></div>
</div>
<div class="flex-between" >
<div>额外费用总计:</div>
<div class="halfOpcity inputContent" ><input type="number" :disabled="true" v-model="form.supplierExtraPrice"/>元</div>
<div class="halfOpcity inputContent" ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span class="disable">元</span></div>
</div>
<div class="flex-between">
<div>费用总计: </div>
<div class="halfOpcity inputContent" ><input type="number" :disabled="true" v-model="form.supplierSettleAmount"/>元</div>
<div class="halfOpcity inputContent" ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span class="disable">元</span></div>
</div>
<div class="flex-between">
<div> </div>
@ -172,11 +172,11 @@
</tr>
<tr>
<td class="col1">基本费用:{{orderInfo.basePrice +'元'}}</td>
<td class="col2 halfOpc" ><input :disabled="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'disable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
</tr>
<tr>
<td class="col1">额外费用总计:{{orderInfo.extraPrice +'元'}}</td>
<td class="col2 halfOpc" ><input :disabled="true" v-model="form.supplierExtraPrice"/></td>
<td class="col2 halfOpc" style="opacity: 1;"><input class="disable" :readonly="true" v-model="form.supplierExtraPrice"/></td>
</tr>
<tr>
<td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td>
@ -185,7 +185,7 @@
<tr>
<td class="col1">费用总计:{{orderInfo.settleAmount +'元'}}</td>
<td class="col2" style="width: 100%;display: flex;justify-content: center;box-sizing: border-box">
<input :disabled="true" v-model="form.supplierSettleAmount"/>
<input class="disable" :readonly="true" v-model="form.supplierSettleAmount"/>
<button class="btnCom" @click="compute">计算</button>
</td>
</tr>
@ -352,6 +352,7 @@ export default {
},
computed:{
basePriceDisabled(){
// return false
return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
|| (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
},
@ -582,6 +583,9 @@ export default {
background-color: #F4F5F7;
overflow-y: auto;
}
.disable{
color: #999999;;
}
.navBar{
margin-bottom: 46px;
}
@ -630,6 +634,8 @@ img{
input{
border: none;
text-align: right;
padding-right: 3px;
margin-right: 0;
}
.titleContent{
@include fontWeightSize(bold,13px);
@ -763,17 +769,15 @@ img{
}
.btn{
margin-top: 31px;
margin-bottom: 20px;
margin-bottom: 31px;
display: flex;
justify-content: space-around;
box-sizing: border-box;
//padding: 0 8px;
button{
@include wh(105px,39px);
line-height: 39px;
background: #9EA7C0;
border-radius: 5px;
color: #FFFFFF;
@include bgFontColor(#FFFFFF,#9EA7C0);
@include fontWeightSize(bold,14px);
border: none;
}