瀏覽代碼

前端孟祥旭

mxx 4 年之前
父節點
當前提交
57c7ef98eb
共有 1 個文件被更改,包括 132 次插入254 次删除
  1. 132 254
      src/views/tranManagement/tranManagementDriverEdit.vue

+ 132 - 254
src/views/tranManagement/tranManagementDriverEdit.vue

@@ -6,37 +6,24 @@
         <h2 class="bg-left title">编辑司机</h2>
       </el-col>
       <el-col :span="12" class="bg-right">
-        <el-button
-          class="bg-bottom"
-          type="primary"
-          size="small"
-          @click="returnsales()"
-          ><img
+        <el-button class="bg-bottom" type="primary" size="small" @click="returnsales()">
+          <img
             width="6"
             height="10"
             style="vertical-align: bottom; margin-right: 3px"
             src="../../../public/img/lujing.png"
-            alt=""
-          />返回</el-button
-        >
+            alt
+          />返回
+        </el-button>
       </el-col>
     </el-row>
 
-    <ws-form
-      ref="deptBudgetList"
-      :rules="mainReportAdd"
-      :model="deptBudgetList"
-    >
+    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
       <div class="small-title">司机信息</div>
       <div class="drivermessage">
         <ws-info-table>
           <!--司机姓名-->
-          <ws-form-item
-            label="姓名"
-            span="1"
-            prop="contractNo"
-            class="readonly bg-right"
-          >
+          <ws-form-item label="姓名" span="1" prop="contractNo" class="readonly bg-right">
             <ws-input
               v-model="deptBudgetList.driverName"
               placeholder="请输入司机姓名"
@@ -45,12 +32,7 @@
             />
           </ws-form-item>
           <!--手机号-->
-          <ws-form-item
-            label="手机号"
-            span="1"
-            prop="driverPhone"
-            class="readonly"
-          >
+          <ws-form-item label="手机号" span="1" prop="driverPhone" class="readonly">
             <ws-input
               v-model="deptBudgetList.driverPhone"
               placeholder="请输入手机号"
@@ -74,12 +56,7 @@
           </ws-form-item>
 
           <!--身份证号-->
-          <ws-form-item
-            label="身份证号"
-            span="1"
-            prop="driverNo"
-            class="readonly"
-          >
+          <ws-form-item label="身份证号" span="1" prop="driverNo" class="readonly">
             <ws-input
               v-model="deptBudgetList.numberCard"
               placeholder="请输入身份证号"
@@ -92,11 +69,7 @@
         <span v-if="age && age > 60" class="big">{{ age }}岁</span>
       </div>
     </ws-form>
-    <ws-form
-      ref="deptBudgetList"
-      :rules="mainReportAdd"
-      :model="deptBudgetList"
-    >
+    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
       <div class="small-title">货车信息</div>
       <div
         style="width: 100%"
@@ -104,45 +77,35 @@
         v-for="(item, index) in deptBudgetList.driverCarInfoList"
       >
         <div class="trucks">
-          <div class="driver">货车信息-{{ index + 1 }}
-             <img
-            width="22"
-            height="22"
-            class="add"
-            @click="add"
-            src="../../../public/img/add.png"
-            alt=""
-          />
-          <img
-            width="22"
-            height="22"
-            class="del"
-            @click="del(item, index)"
-            src="../../../public/img/del.png"
-            alt=""
-          />
+          <div class="driver">
+            货车信息-{{ index + 1 }}
+            <img
+              width="22"
+              height="22"
+              class="add"
+              @click="add"
+              src="../../../public/img/add.png"
+              alt
+            />
+            <img
+              width="22"
+              height="22"
+              class="del"
+              @click="del(item, index)"
+              src="../../../public/img/del.png"
+              alt
+            />
           </div>
           <ws-info-table class="el-table">
             <!--车牌号-->
-            <ws-form-item
-              label="车牌号"
-              span="1"
-              prop="carNumber"
-              class="forlist"
-              width="400px"
-            >
-              <ws-input
-                v-model="item.carNumber"
-                placeholder="请输入车牌号"
-                maxlength="20"
-                size="small"
-              />
+            <ws-form-item label="车牌号" span="1" prop="carNumber" class="forlist" width="400px">
+              <ws-input v-model="item.carNumber" placeholder="请输入车牌号" maxlength="20" size="small" />
             </ws-form-item>
             <!--车型-->
             <ws-form-item label="车型" span="1" prop="carModel" class="forlist">
               <ws-select
                 v-model="item.carModel"
-                placeholder=""
+                placeholder
                 class="typeselect"
                 @change="
                   (value) => {
@@ -159,15 +122,10 @@
               </ws-select>
             </ws-form-item>
             <!--车长-->
-            <ws-form-item
-              label="不含车头车长(米)"
-              span="1"
-              prop="carLength"
-              class="forlist"
-            >
+            <ws-form-item label="不含车头车长(米)" span="1" prop="carLength" class="forlist">
               <ws-select
                 v-model="item.carLength"
-                placeholder=""
+                placeholder
                 class="typeselect"
                 @change="
                   (value) => {
@@ -185,21 +143,11 @@
             </ws-form-item>
             <!--载重-->
             <ws-form-item label="载重" span="1" prop="carLoad" class="forlist">
-              <ws-input
-                v-model="item.carLoad"
-                placeholder="请输入载重"
-                maxlength="100"
-                size="small"
-              />
+              <ws-input v-model="item.carLoad" placeholder="请输入载重" maxlength="100" size="small" />
             </ws-form-item>
 
             <!--出厂年份-->
-            <ws-form-item
-              label="出厂年份"
-              span="1"
-              prop="yearManufacture"
-              class="forlist"
-            >
+            <ws-form-item label="出厂年份" span="1" prop="yearManufacture" class="forlist">
               <ws-input
                 v-model="item.yearManufacture"
                 placeholder="请输入年份"
@@ -208,15 +156,10 @@
               />
             </ws-form-item>
           </ws-info-table>
-         
         </div>
       </div>
     </ws-form>
-    <ws-form
-      ref="deptBudgetList"
-      :rules="mainReportAdd"
-      :model="deptBudgetList"
-    >
+    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
       <div class="small-title">收款人账户信息</div>
       <div
         style="width: 100%"
@@ -224,47 +167,34 @@
         v-for="(item, index) in deptBudgetList.driverPayeeInfoList"
       >
         <div class="gathering">
-          <div class="driver">收款人账户信息-{{ index + 1 }}
-             <img
-            width="22"
-            height="22"
-            class="add"
-            @click="add1"
-            src="../../../public/img/add.png"
-            alt=""
-          />
-          <img
-            width="22"
-            height="22"
-            class="del"
-            @click="del1(item, index)"
-            src="../../../public/img/del.png"
-            alt=""
-          />
+          <div class="driver">
+            收款人账户信息-{{ index + 1 }}
+            <img
+              width="22"
+              height="22"
+              class="add"
+              @click="add1"
+              src="../../../public/img/add.png"
+              alt
+            />
+            <img
+              width="22"
+              height="22"
+              class="del"
+              @click="del1(item, index)"
+              src="../../../public/img/del.png"
+              alt
+            />
           </div>
           <ws-info-table class="el-table">
             <!--账户类型-->
-            <ws-form-item
-              label="账户类型"
-              span="1"
-              prop="contractNo"
-              class="el-car bg-right"
-            >
-              <el-radio v-model="item.accountTypeFlag" label="1"
-                >私人账号</el-radio
-              >
-              <el-radio v-model="item.accountTypeFlag" label="2"
-                >企业账户</el-radio
-              >
+            <ws-form-item label="账户类型" span="1" prop="contractNo" class="el-car bg-right">
+              <el-radio v-model="item.accountTypeFlag" label="1">私人账号</el-radio>
+              <el-radio v-model="item.accountTypeFlag" label="2">企业账户</el-radio>
             </ws-form-item>
             <!--账号-->
             <ws-form-item label="账号" span="1" prop="bankCard" class="el-car">
-              <ws-input
-                v-model="item.bankCard"
-                placeholder="请输入账号"
-                maxlength="100"
-                size="small"
-              />
+              <ws-input v-model="item.bankCard" placeholder="请输入账号" maxlength="100" size="small" />
               <el-upload
                 action="https://www.zthymaoyi.com/upload/admin"
                 :show-file-list="false"
@@ -275,7 +205,8 @@
                 "
                 class="avatar-uploader"
                 accept=".jpg, .jpeg, .png, .gif"
-                ><img
+              >
+                <img
                   width="18"
                   height="20"
                   style="
@@ -284,17 +215,12 @@
                     top: -1px;
                   "
                   src="../../../public/img/fujian.png"
-                  alt=""
+                  alt
                 />
               </el-upload>
             </ws-form-item>
             <!--开户行-->
-            <ws-form-item
-              label="开户行"
-              span="1"
-              prop="bankDeposit"
-              class="el-car"
-            >
+            <ws-form-item label="开户行" span="1" prop="bankDeposit" class="el-car">
               <ws-input
                 v-model="item.bankDeposit"
                 placeholder="请输入开户行"
@@ -311,28 +237,11 @@
               class="el-car"
               width="150px"
             >
-              <ws-input
-                v-model="item.payeeName"
-                placeholder="请输入姓名"
-                maxlength="100"
-                size="small"
-              />
+              <ws-input v-model="item.payeeName" placeholder="请输入姓名" maxlength="100" size="small" />
             </ws-form-item>
             <!--企业名称-->
-            <ws-form-item
-              label="企业名称"
-              v-else
-              span="1"
-              prop="compName"
-              class="el-car"
-              width="150px"
-            >
-              <ws-input
-                v-model="item.compName"
-                placeholder="请输入企业名称"
-                maxlength="100"
-                size="small"
-              />
+            <ws-form-item label="企业名称" v-else span="1" prop="compName" class="el-car" width="150px">
+              <ws-input v-model="item.compName" placeholder="请输入企业名称" maxlength="100" size="small" />
             </ws-form-item>
 
             <!--身份证号-->
@@ -359,7 +268,8 @@
                 "
                 class="avatar-uploader"
                 accept=".jpg, .jpeg, .png, .gif"
-                ><img
+              >
+                <img
                   width="18"
                   height="20"
                   style="
@@ -368,19 +278,14 @@
                     top: -1px;
                   "
                   src="../../../public/img/fujian.png"
-                  alt=""
+                  alt
                 />
               </el-upload>
             </ws-form-item>
-            <ws-form-item
-              label="开户支行"
-              span="1"
-              prop="bankDepositBranch"
-              class="el-car"
-            >
+            <ws-form-item label="开户支行" span="1" prop="bankDepositBranch" class="el-car">
               <ws-select
                 v-model="item.bankDepositBranch"
-                placeholder=""
+                placeholder
                 class="typeselect"
                 @change="
                   (value) => {
@@ -397,15 +302,10 @@
               </ws-select>
             </ws-form-item>
           </ws-info-table>
-         
         </div>
       </div>
     </ws-form>
-    <ws-form
-      ref="deptBudgetList"
-      :rules="mainReportAdd"
-      :model="deptBudgetList"
-    >
+    <ws-form ref="deptBudgetList" :rules="mainReportAdd" :model="deptBudgetList">
       <div class="flex">
         <div>
           <el-upload
@@ -414,17 +314,10 @@
             :on-success="uploadSuccessHandletravel"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button" size="small" type="primary"
-              >行驶证</el-button
-            >
+          >
+            <el-button class="upload button" size="small" type="primary">行驶证</el-button>
           </el-upload>
-          <img
-            v-show="addressUrls.travel"
-            width="100"
-            height="100"
-            :src="addressUrls.travel"
-            alt=""
-          />
+          <img v-show="addressUrls.travel" width="100" height="100" :src="addressUrls.travel" alt />
         </div>
         <div>
           <el-upload
@@ -433,17 +326,10 @@
             :on-success="uploadSuccessHandledrive"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button" size="small" type="primary"
-              >驾驶证</el-button
-            >
+          >
+            <el-button class="upload button" size="small" type="primary">驾驶证</el-button>
           </el-upload>
-          <img
-            v-if="addressUrls.drive"
-            width="100"
-            height="100"
-            :src="addressUrls.drive"
-            alt=""
-          />
+          <img v-if="addressUrls.drive" width="100" height="100" :src="addressUrls.drive" alt />
         </div>
         <div>
           <el-upload
@@ -452,17 +338,10 @@
             :on-success="uploadSuccessHandleway"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button-green" size="small" type="primary"
-              >道路运营证</el-button
-            >
+          >
+            <el-button class="upload button-green" size="small" type="primary">道路运营证</el-button>
           </el-upload>
-          <img
-            v-if="addressUrls.way"
-            width="100"
-            height="100"
-            :src="addressUrls.way"
-            alt=""
-          />
+          <img v-if="addressUrls.way" width="100" height="100" :src="addressUrls.way" alt />
         </div>
         <div>
           <el-upload
@@ -471,16 +350,15 @@
             :on-success="uploadSuccessHandlequalification"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button-green" size="small" type="primary"
-              >从业资格证</el-button
-            >
+          >
+            <el-button class="upload button-green" size="small" type="primary">从业资格证</el-button>
           </el-upload>
           <img
             v-if="addressUrls.qualification"
             width="100"
             height="100"
             :src="addressUrls.qualification"
-            alt=""
+            alt
           />
         </div>
         <div>
@@ -490,16 +368,15 @@
             :on-success="uploadSuccessHandleidentityjust"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button-yellow" size="small" type="primary"
-              >身份证正面</el-button
-            >
+          >
+            <el-button class="upload button-yellow" size="small" type="primary">身份证正面</el-button>
           </el-upload>
           <img
             v-if="addressUrls.identityjust"
             width="100"
             height="100"
             :src="addressUrls.identityjust"
-            alt=""
+            alt
           />
         </div>
         <div>
@@ -509,29 +386,22 @@
             :on-success="uploadSuccessHandleidentityagainst"
             class="avatar-uploader"
             accept=".jpg, .jpeg, .png, .gif"
-            ><el-button class="upload button-yellow" size="small" type="primary"
-              >身份证反面</el-button
-            >
+          >
+            <el-button class="upload button-yellow" size="small" type="primary">身份证反面</el-button>
           </el-upload>
           <img
             v-if="addressUrls.identityagainst"
             width="100"
             height="100"
             :src="addressUrls.identityagainst"
-            alt=""
+            alt
           />
         </div>
       </div>
     </ws-form>
     <!-- 提交 -->
     <div style="text-align: right; padding: 10px" class="center">
-      <el-button
-        class="bg-bottom"
-        type="primary"
-        size="small"
-        @click="submit(deptBudgetList)"
-        >提交</el-button
-      >
+      <el-button class="bg-bottom" type="primary" size="small" @click="submit(deptBudgetList)">提交</el-button>
     </div>
   </div>
 </template>
@@ -539,7 +409,7 @@
 import {
   provinceAndCityData,
   CodeToText,
-  TextToCode,
+  TextToCode
 } from 'element-china-area-data'
 import {
   lookDriver,
@@ -548,7 +418,7 @@ import {
   getidentity,
   getbank,
   packList,
-  editdriver,
+  editdriver
 } from '@/model/transport/index'
 import WsUpload from '@/components/WsUpload'
 import mapDrag from '@/components/mapdrag/mapdrag'
@@ -556,7 +426,7 @@ export default {
   name: 'viewSpareMoney',
   components: {
     WsUpload,
-    mapDrag,
+    mapDrag
   },
   watch: {
     vesselId(val) {
@@ -564,7 +434,7 @@ export default {
     },
     isShow(val) {
       this.showType = val
-    },
+    }
   },
   data() {
     let self = this
@@ -572,9 +442,9 @@ export default {
       deptBudgetList: {
         totalStorage: 0,
         drivercarInfo: {
-          goodsName: '',
+          goodsName: ''
         },
-        driverPayeeInfo: {},
+        driverPayeeInfo: {}
       },
       radio: '1',
       carModelList: [],
@@ -591,6 +461,7 @@ export default {
       appendixIdsAdd: '',
       size: 10,
       value1: '',
+      fileList:[],
       unitList: [],
       accessoryBankTFs: false,
       freightspace: [
@@ -601,8 +472,8 @@ export default {
           carLength: '13',
           carLengthKey: '1',
           carLoad: '',
-          yearManufacture: '',
-        },
+          yearManufacture: ''
+        }
       ],
       freightspace1: [
         {
@@ -613,12 +484,12 @@ export default {
           payeeNumberCard: '',
           compName: '',
           bankDeposit: '',
-          bankCard: '',
-        },
+          bankCard: ''
+        }
       ],
       name: '',
       age: '',
-      addressUrls: {},
+      addressUrls: {}
     }
   },
   activated() {
@@ -648,12 +519,15 @@ export default {
     loaddata() {
       lookDriver({ id: this.$route.query.id })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           // this.selectedOptions.push()
           for (var i = 0; i < response.driverPayeeInfoList.length; i++) {
             if (response.driverPayeeInfoList[i].cardAddressUrl != null) {
-              response.driverPayeeInfoList[i].cardAddressUrlArray =
-                response.driverPayeeInfoList[i].cardAddressUrl.split(',')
+              response.driverPayeeInfoList[
+                i
+              ].cardAddressUrlArray = response.driverPayeeInfoList[
+                i
+              ].cardAddressUrl.split(',')
             } else {
               response.driverPayeeInfoList[i].cardAddressUrlArray = []
             }
@@ -669,18 +543,19 @@ export default {
               this.deptBudgetList.residentCityMunicipal
             ].code
           this.selectedOptions = tmp
+           
         })
       console.log(11111)
       // 车型
       packList({ constId: 'TRAN1' })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.carModelList = response
         })
       // 车长
       packList({ constId: 'TRAN2' })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           this.carLengthList = response
         })
     },
@@ -694,7 +569,7 @@ export default {
 
       getidentity({ personImg: e.url })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           for (
             var i = 0;
             i < this.deptBudgetList.driverPayeeInfoList.length;
@@ -716,7 +591,7 @@ export default {
       // this.deptBudgetList.cardAddressUrl = e.url
       getbank({ bankImg: e.url })
         .toPromise()
-        .then((response) => {
+        .then(response => {
           for (
             var i = 0;
             i < this.deptBudgetList.driverPayeeInfoList.length;
@@ -765,7 +640,7 @@ export default {
         carLength: '13',
         carLengthKey: '1',
         carLoad: '',
-        yearManufacture: '',
+        yearManufacture: ''
       })
     },
     del(row, index) {
@@ -773,7 +648,7 @@ export default {
         if (row.id) {
           deltrancar({ id: row.id })
             .toPromise()
-            .then((response) => {
+            .then(response => {
               this.$message.success('删除成功')
             })
         }
@@ -789,7 +664,7 @@ export default {
         payeeNumberCard: '',
         compName: '',
         bankDeposit: '',
-        bankCard: '',
+        bankCard: ''
       })
     },
     del1(row, index) {
@@ -797,7 +672,7 @@ export default {
         if (row.id) {
           deltranprocess({ id: row.id })
             .toPromise()
-            .then((response) => {
+            .then(response => {
               this.$message.success('删除成功')
             })
         }
@@ -828,16 +703,18 @@ export default {
     selectcarModel(e, index) {
       for (var i = 0; i < this.carModelList.length; i++) {
         if (this.carModelList[i].constValue == e) {
-          this.deptBudgetList.driverCarInfoList[index].carModelKey =
-            this.carModelList[i].constKey
+          this.deptBudgetList.driverCarInfoList[
+            index
+          ].carModelKey = this.carModelList[i].constKey
         }
       }
     },
     selectcarLength(e, index) {
       for (var i = 0; i < this.carLengthList.length; i++) {
         if (this.carLengthList[i].constValue == e) {
-          this.deptBudgetList.driverCarInfoList[index].carLengthKey =
-            this.carLengthList[i].constKey
+          this.deptBudgetList.driverCarInfoList[
+            index
+          ].carLengthKey = this.carLengthList[i].constKey
         }
       }
     },
@@ -847,13 +724,13 @@ export default {
     },
     onChange(files) {
       this.fileNum = files
-      this.$refs.upload.handleSaveBill().then((res) => {
+      this.$refs.upload.handleSaveBill().then(res => {
         console.log(files)
       })
     },
 
     submit() {
-      this.$refs.deptBudgetList.validate((valid) => {
+      this.$refs.deptBudgetList.validate(valid => {
         if (valid) {
           this.deptBudgetList.compId = sessionStorage.getItem('ws-pf_compId')
           this.deptBudgetList.residentCityProvincial =
@@ -862,7 +739,8 @@ export default {
             CodeToText[this.selectedOptions[1]]
           editdriver(this.deptBudgetList)
             .toPromise()
-            .then((response) => {
+            .then(response => {
+              
               this.$message.success('添加成功')
               this.$router.go(-1)
             })
@@ -874,8 +752,8 @@ export default {
     },
     resetForm(deptBudgetList) {
       this.$refs[deptBudgetList].resetFields()
-    },
-  },
+    }
+  }
 }
 </script>
 
@@ -886,7 +764,7 @@ export default {
 .add,
 .del {
   position: absolute;
- margin-left: 23px;
+  margin-left: 23px;
   top: 27px;
   cursor: pointer;
 }
@@ -1070,7 +948,7 @@ export default {
   padding: 12px;
   border-radius: 3px;
   margin: 10px 0;
-  background: #F6F7FC;
+  background: #f6f7fc;
 }
 /deep/.trucks .ws-info-table,
 /deep/.trucks .ws-info-table .el-form-item,
@@ -1080,7 +958,7 @@ export default {
 /deep/.trucks .el-table__expanded-cell,
 /deep/.trucks .ws-info-table .el-form-item .el-form-item__label,
 /deep/.trucks .ws-info-table .el-form-item .el-form-item__content {
-  background: #F6F7FC;
+  background: #f6f7fc;
 }
 /deep/.trucks .ws-info-table .el-form-item .el-form-item__label {
   color: #8890b1;