增加新增工单时选择引车员

pages/index/Neworder.vue

@@ -44,13 +44,18 @@
             </view>
           </view>
           <view class="list-box">
-						<view class="l-left"><text style="color: red;font-weight: bold;text-align: center;">* </text>车牌号</view>
+            <view class="l-left">
+              <text style="color: red;font-weight: bold;text-align: center;">*</text>
+              车牌号
+            </view>
             <view class="l-right">
               <input type="text" v-model="carNum" placeholder="请输入车牌号">
             </view>
           </view>
           <view class="list-box">
-					<view class="l-left"  @click="showzhi = true">使用性质 <text class="xixi">点击选择</text></view>
+            <view class="l-left" @click="showzhi = true">使用性质
+              <text class="xixi">点击选择</text>
+            </view>
             <view class="l-right">
               <input type="text" v-model="carNature" placeholder="请输入使用性质">
             </view>
@@ -68,22 +73,43 @@
             </view>
           </view>
           <view class="list-box">
-						<view class="l-left"  @click="show = true"><text style="color: red;font-weight: bold;text-align: center;">* </text>客户来源<text class="xixi">点击选择</text></view>
+            <view class="l-left" @click="show = true">
+              <text style="color: red;font-weight: bold;text-align: center;">*</text>
+              客户来源
+              <text class="xixi">点击选择</text>
+            </view>
             <view class="l-right">
               <input type="text" v-model="customerSource" placeholder="请输入客户来源">
             </view>
 
           </view>
           <view class="list-box">
-						<view class="l-left" @click="showgoods = true"><text style="color: red;font-weight: bold;text-align: center;">* </text>商品选择<text class="xixi">点击选择</text></view>
+            <view class="l-left" @click="showgoods = true">
+              <text style="color: red;font-weight: bold;text-align: center;">*</text>
+              商品选择
+              <text class="xixi">点击选择</text>
+            </view>
             <view class="l-right">
               <text>{{ goodstext }}</text>
               <!-- 	<input type="text" v-model="goodstext"  placeholder="请选择商品"> -->
             </view>
           </view>
+          <view class="list-box">
+            <view class="l-left" @click="showLeadMan = true">
+              <text style="color: red;font-weight: bold;text-align: center;">*</text>
+              引车员
+              <text class="xixi">点击选择</text>
+            </view>
+            <view class="l-right">
+              <input type="text" v-model="nickname" placeholder="请输入引车员">
+            </view>
+
+          </view>
 
           <view class="list-box">
-						<view class="l-left" @click="showxin = true">新旧车 <text class="xixi">点击选择</text> </view>
+            <view class="l-left" @click="showxin = true">新旧车
+              <text class="xixi">点击选择</text>
+            </view>
             <view class="l-right">
               <input type="text" v-model="carStatus" placeholder="请输入新旧车">
             </view>
@@ -116,12 +142,18 @@
         </view>
         <u-picker :show="show" :columns="columns" @confirm="confirms" @cancel="cancels" keyName="label"></u-picker>
 
-				  <u-picker :show="showgoods" ref="uPicker" :columns="goodsone" @confirm="confirmgoods" @cancel="cancelgoods" @change="changeHandler" keyName="label"></u-picker>
+        <u-picker :show="showgoods" ref="uPicker" :columns="goodsone" @confirm="confirmgoods" @cancel="cancelgoods"
+                  @change="changeHandler" keyName="label"></u-picker>
 
-				 <u-picker :show="shownature" :columns="nature" @confirm="confirmsnature" @cancel="cancelsnature" keyName="label"></u-picker>
+        <u-picker :show="shownature" :columns="nature" @confirm="confirmsnature" @cancel="cancelsnature"
+                  keyName="label"></u-picker>
 
-				 <u-picker :show="showxin" :columns="xinlist" @confirm="confirmxin" @cancel="cancelxin" keyName="label"></u-picker>
+        <u-picker :show="showxin" :columns="xinlist" @confirm="confirmxin" @cancel="cancelxin"
-				  <u-picker :show="showzhi" :columns="zhilist" @confirm="confirmzhi" @cancel="cancelzhi" keyName="label"></u-picker>
+                  keyName="label"></u-picker>
+        <u-picker :show="showzhi" :columns="zhilist" @confirm="confirmzhi" @cancel="cancelzhi"
+                  keyName="label"></u-picker>
+        <u-picker :show="showLeadMan" :columns="leadManList" @confirm="confirmLeadMan" @cancel="cancelLeadMan"
+                  keyName="nickname"></u-picker>
       </view>
     </view>
 
@@ -136,6 +168,7 @@
 import request from '../../utils/request';
 import upload from '@/utils/upload.js'
 import {getToken, getTenantId} from '@/utils/auth'
+
 export default {
   data() {
     return {
@@ -143,6 +176,7 @@
       fileList: [],
       customerSource: '',
       buyName: '',
+      nickname:'',
       buyPhone: '',
       userAddress: '',
       carNum: '',
@@ -155,6 +189,7 @@
       showgoods: false,
       showxin: false,
       showzhi: false,
+      showLeadMan: false,
       skuId: 0,
       inspectionWorkNodes: [],
       columns: [],
@@ -179,11 +214,14 @@
       kehui: '',
       naturetext: '',
       customerData: [],
-				inspectionWorkNodeStr:""
+      inspectionWorkNodeStr: "",
+      leadManId:undefined,
+      leadManList: []
     }
   },
   onLoad() {
     this.getinitialize()
+    this.getLeadeMan()
     uni.$on('selectProject', (data) => {
       this.inspectionWorkNodes = data
       for (var i = 0; i < this.inspectionWorkNodes.length; i++) {
@@ -234,9 +272,29 @@
       this.carNature = e.value[0].label
       this.showzhi = false
     },
+    confirmLeadMan(e) {
+      this.nickname = e.value[0].nickname
+      this.leadManId = e.value[0].id
+      this.showLeadMan = false
+    },
     cancelzhi() {
       this.showzhi = false
     },
+    cancelLeadMan() {
+      this.showLeadMan = false
+    },
+    /*获取引车员信息*/
+    getLeadeMan() {
+      request({
+        url: '/system/role/getUsersByRoleCode',
+        method: 'get',
+        params: {
+          code: "jcycy"
+        }
+      }).then(res => {
+        this.leadManList.push(res.data)
+      })
+    },
 
     confirmsnature(e) {
       this.naturetext = e.value[0].label
@@ -257,7 +315,6 @@
       let res = await request({
         url: '/partnerOwn/partner/getCustomerSource',
         method: 'get',
-
       })
       this.columns.push(res.data)
       let rescar = await request({
@@ -290,9 +347,9 @@
       })
     },
     async getgoodes() {
-				if(this.carNum == ''|| this.customerSource == "" || this.skuId == ''){
+      if (this.carNum == '' || this.customerSource == "" || this.skuId == '' || this.leadManId == undefined) {
         uni.showToast({
-						title:'车牌号 客户来源 商品 必填！',
+          title: '车牌号 客户来源 商品 引车员 必填！',
           icon: 'none'
         })
         return
@@ -318,7 +375,8 @@
         customerSource: this.customerSource,
         skuId: this.skuId,
         carNature: this.carNature,
-					inspectionWorkNodes:this.inspectionWorkNodes
+        inspectionWorkNodes: this.inspectionWorkNodes,
+        leadManId: this.leadManId
       }
 
       let res = await request({
@@ -336,7 +394,6 @@
       }, 2000);
 
 
-
     },
 
     // 提交
@@ -461,8 +518,6 @@
     }
 
 
-
-
   }
 }
 </script>
@@ -485,18 +540,22 @@
   box-sizing: border-box;
   padding: 5px 15px;
 }
+
 .t-title {
   font-size: 17px;
   font-weight: bold;
   color: #333333;
 }
+
 .t-left {
   width: 10%;
 }
+
 .t-you {
   height: 100%;
   width: 20%;
 }
+
 .t-input {
   width: 80%;
   height: 36px;
@@ -508,6 +567,7 @@
   align-items: center;
 
 }
+
 .top-ail {
   width: 100%;
   box-sizing: border-box;
@@ -515,14 +575,17 @@
   background-color: #F4F4F4;
   // height: calc(100vh);
 }
+
 .mub {
   background-color: #F4F4F4;
   height: calc(100vh);
 }
+
 .dix {
   display: flex;
   align-items: center;
 }
+
 .upimg {
   width: 100%;
   height: 126px;
@@ -530,11 +593,13 @@
   box-sizing: border-box;
 
   background-color: white;
+
   image {
     width: 100%;
     height: 100%;
   }
 }
+
 .box-list {
   width: 100%;
   border-radius: 8px;
@@ -543,6 +608,7 @@
   background-color: white;
   margin: 10px auto;
 }
+
 .list-box {
   display: flex;
   align-items: center;
@@ -551,17 +617,20 @@
   padding: 15px 5px;
   border-bottom: 1px solid #EEEEEE;
 }
+
 .l-left {
   font-size: 16px;
   font-weight: 400;
   color: #333333;
 }
+
 .l-right {
   font-size: 16px;
   font-weight: 400;
   color: #999999;
   text-align: right;
 }
+
 .xiaolan {
   // width: 109px;
   // height: 30px;
@@ -576,6 +645,7 @@
   font-weight: 400;
   color: #0D2E8D;
 }
+
 .xiaohui {
   // width: 141px;
   // height: 30px;
@@ -589,17 +659,20 @@
   margin: 10px;
 
 }
+
 .hui-right {
   border-left: 1px solid #DDDDDD;
   padding: 5px;
   margin-left: 5px;
 }
+
 .wrap-box {
   width: 100%;
   box-sizing: border-box;
   display: flex;
   flex-wrap: wrap;
 }
+
 .bottom-di {
   width: 100%;
   height: 56px;
@@ -612,6 +685,7 @@
   padding: 0px 20px;
   margin-bottom: 10px;
 }
+
 .thui {
   font-size: 16px;
   font-weight: 400;
@@ -619,10 +693,12 @@
   margin-top: 10px;
   margin-left: 8px;
 }
+
 .imgs {
   box-sizing: border-box;
   margin-top: 20px;
 }
+
 .p-box {
   border-radius: 10px;
   overflow: hidden;
@@ -631,6 +707,7 @@
   width: 100%;
   background-color: white;
 }
+
 .p-top {
   width: 100%;
   text-align: center;
@@ -639,6 +716,7 @@
   color: #000000;
   margin-bottom: 20px;
 }
+
 .on-input {
   width: 100%;
   display: flex;
@@ -646,6 +724,7 @@
   box-sizing: border-box;
 
 }
+
 .ipt-kuang {
   width: 70%;
   height: 30px;
@@ -659,12 +738,14 @@
   box-sizing: border-box;
   padding: 0px 10px;
 }
+
 .t-left {
   width: 20%;
   font-size: 14px;
   font-weight: 400;
   color: #000000;
 }
+
 .dlanniu {
   width: 80%;
   height: 45px;
@@ -676,9 +757,11 @@
   margin: 20px auto;
   color: white;
 }
+
 .da {
   font-size: 16px;
 }
+
 //
 .top {
   box-sizing: border-box;
@@ -688,6 +771,7 @@
   margin: 10px auto;
   background-color: white;
 }
+
 .top-box {
   display: flex;
   justify-content: space-between;
@@ -695,12 +779,14 @@
   box-sizing: border-box;
   padding: 20px 0px;
 }
+
 .tb-left {
   height: 100%;
   width: 80%;
   display: flex;
   align-items: center;
 }
+
 .uicon {
   width: 18px;
   height: 18px;
@@ -714,31 +800,37 @@
   font-weight: bold;
   margin-right: 6px;
 }
+
 .tb-right {
   width: 20px;
   height: 26px;
+
   image {
     width: 100%;
     height: 100%;
   }
 }
+
 .text1 {
   font-size: 16px;
   font-weight: bold;
   color: #363636;
 }
+
 .hong1 {
   margin-top: 5px;
   font-size: 12px;
   font-weight: 400;
   color: #FF5453;
 }
+
 .hong2 {
   margin-top: 5px;
   font-size: 12px;
   font-weight: 400;
 
 }
+
 .tinput {
   width: 100%;
   display: flex;
@@ -749,6 +841,7 @@
   padding: 16px;
   margin-top: 14px;
 }
+
 .xixi {
   font-size: 12px;
   color: #0D2E8D;