소스 검색

修改汽运调度:有多个待添加的司机时,切换软件回到当前页面后司机选择框会自动出现下拉

achao 3 년 전
부모
커밋
692ab9d0ea
1개의 변경된 파일23개의 추가작업 그리고 16개의 파일을 삭제
  1. 23 16
      src/views/tranManagement/tranManagementVehicleDispatching.vue

+ 23 - 16
src/views/tranManagement/tranManagementVehicleDispatching.vue

@@ -12,7 +12,7 @@
       </el-col>
     </el-row>
     <div class="center">
-      <el-form ref="deptBudgetList" :model="deptBudgetList"  label-width="110px">
+      <el-form ref="deptBudgetList" :model="deptBudgetList" label-width="110px">
         <div class="basicInformation">
           <div class="small-title" style="font-size: 16px">任务详情</div>
           <el-row>
@@ -77,8 +77,9 @@
                 <el-input type="text" class="row-item" v-model="deptBudgetList.contractNo" disabled></el-input>
               </el-form-item>
             </el-col>
-             <el-col :span="8">
-              <el-form-item label="关联合同" v-if="deptBudgetList.relatedContract" span="1" prop="inOutDate" class="relatedContract">
+            <el-col :span="8">
+              <el-form-item label="关联合同" v-if="deptBudgetList.relatedContract" span="1" prop="inOutDate"
+                class="relatedContract">
                 <el-input type="text" class="row-item" v-model="deptBudgetList.relatedContract" disabled></el-input>
               </el-form-item>
             </el-col>
@@ -95,9 +96,9 @@
             </el-form-item>
             <div class="input-item-margin">
               <div v-if="deptBudgetList.priceStatus=='审核中'">
-                <el-button type="primary"
-                v-hasPermission="`tranManager.vehicleDispatching.reprice`" size="small" @click="examine()">审核中
-              </el-button>
+                <el-button type="primary" v-hasPermission="`tranManager.vehicleDispatching.reprice`" size="small"
+                  @click="examine()">审核中
+                </el-button>
               </div>
               <el-button v-else type="primary" @click="priceSubmit()">提交</el-button>
             </div>
@@ -121,8 +122,8 @@
               <el-col :span="8">
 
                 <el-form-item label="姓名:" span="1" prop="driverName" label-width="125px">
-                  <el-select v-show="!item.temporaryDriverFlag" v-model="item.driver" filterable clearable placeholder="请选择司机"
-                    class="row-item" @change="
+                  <el-select ref="driverSelect" v-show="!item.temporaryDriverFlag" @visible-change="clearBlur"
+                    v-model="item.driver" filterable clearable placeholder="请选择司机" class="row-item" @change="
                              (val) => {
                                carchange(val, index)
                              }
@@ -138,8 +139,8 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="司机电话:" span="1" prop="impurity" label-width="125px">
-                  <el-select v-show="!item.temporaryDriverFlag" v-model="item.driverPhone" placeholder="请选择司机电话" filterable clearable
-                    class="row-item" @change="
+                  <el-select v-show="!item.temporaryDriverFlag" v-model="item.driverPhone" placeholder="请选择司机电话"
+                    filterable clearable class="row-item" @change="
                                (val) => {
                                  phonechange(val, index)
                                }
@@ -155,8 +156,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="车牌号:" span="1" prop="carNo" label-width="125px">
-                  <el-input :disabled="readonly" v-model="item.carNo" placeholder="" maxlength="120"
-                    size="small" />
+                  <el-input :disabled="readonly" v-model="item.carNo" placeholder="" maxlength="120" size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -180,15 +180,13 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item label="车型:" span="1" prop="carModel" label-width="125px">
-                  <el-input :disabled="readonly" v-model="item.carModel" placeholder="" maxlength="120"
-                    size="small" />
+                  <el-input :disabled="readonly" v-model="item.carModel" placeholder="" maxlength="120" size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
 
                 <el-form-item label="车长:" span="1" prop="carLength" label-width="125px">
-                  <el-input :disabled="readonly" v-model="item.carLength" placeholder="" maxlength="120"
-                    size="small" />
+                  <el-input :disabled="readonly" v-model="item.carLength" placeholder="" maxlength="120" size="small" />
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -304,6 +302,14 @@
       },
     },
     methods: {
+      clearBlur(e) {
+        let k = this.$refs.driverSelect
+        if (!e) {
+          for (let i = 0; i < k.length; i++) {
+            k[i].blur()
+          }
+        }
+      },
       //返回按钮
       revert() {
         this.$router.go(-1)
@@ -957,6 +963,7 @@
       margin-top: 20px;
     }
   }
+
   .content4 {
     background: #F5F7FA;
     display: flex;