From 9deb44bc04578088bfe41b4b8b38cb39a688d06b Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Tue, 29 Aug 2023 17:51:11 +0800
Subject: [PATCH] =?UTF-8?q?input=E7=A6=81=E6=AD=A2=E8=BE=93=E5=85=A5?=
 =?UTF-8?q?=E6=97=B6=E7=9A=84=E6=96=87=E5=AD=97=E6=98=BE=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?select=E4=B8=8B=E6=8B=89=E6=A1=86=E9=A2=9C=E8=89=B2=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/arrow_bot.png           | Bin 0 -> 3707 bytes
 src/styles/common.scss             |   3 ---
 src/views/index/driverAdd.vue      |  13 ++++++++++++-
 src/views/index/vehicleAdd.vue     |  12 +++++++++++-
 src/views/workOrder/accounting.vue |  24 ++++++++++++++----------
 5 files changed, 37 insertions(+), 15 deletions(-)
 create mode 100644 src/assets/arrow_bot.png

diff --git a/src/assets/arrow_bot.png b/src/assets/arrow_bot.png
new file mode 100644
index 0000000000000000000000000000000000000000..354e2ae80f6cb4c6837faec1eac1f0fefbdc04ed
GIT binary patch
literal 3707
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

literal 0
HcmV?d00001

diff --git a/src/styles/common.scss b/src/styles/common.scss
index 2629b2d6..b440e15f 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -8,9 +8,6 @@ select{
   background-color: transparent; /* 设置透明背景色 */
   border: none;              /* 取消边框 */
   outline: none;
-    /* 右侧添加箭头的背景图  自行调整位置 */
-    //background: url('@/assets/copy.png') 20px center no-repeat #fff;
-
 }
 .van-toast--html, .van-toast--text {
   z-index: 100000000002 !important;
diff --git a/src/views/index/driverAdd.vue b/src/views/index/driverAdd.vue
index 9cb5e824..1fc0f26d 100644
--- a/src/views/index/driverAdd.vue
+++ b/src/views/index/driverAdd.vue
@@ -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;
diff --git a/src/views/index/vehicleAdd.vue b/src/views/index/vehicleAdd.vue
index c31eb1d4..4a3326d3 100644
--- a/src/views/index/vehicleAdd.vue
+++ b/src/views/index/vehicleAdd.vue
@@ -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;
 }
diff --git a/src/views/workOrder/accounting.vue b/src/views/workOrder/accounting.vue
index 507185e7..1af5ca7f 100644
--- a/src/views/workOrder/accounting.vue
+++ b/src/views/workOrder/accounting.vue
@@ -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;
   }