#

whycq

2023-11-10 cd5b3a5cbe3b7bd5cfb7e18469ce4a99fc03aec6

 pages/business/goBusiness/addgoBusiness.vue

@@ -11,8 +11,8 @@
            <view class="flex"><text class="card-required" v-show="subItem.required">*</text>{{subItem.subTitle}}</view>
            <view class="flex">
               <view style="flex: 1;">
                  <input type="text" placeholder="请输入出差事由1" :placeholder-style="placeholderStyle" v-model="subItem.value" :disabled="subItem.disabled" v-show="subItem.inputType != 'data'">
                  <uni-datetime-picker v-model="subItem.value" :border="false" v-show="subItem.inputType == 'data'" />
                  <input type="text" :placeholder="subItem.placeholder" :placeholder-style="subItem.placeholderStyle" v-model="subItem.value" :disabled="subItem.disabled" v-show="subItem.inputType != 'data'">
                  <uni-datetime-picker  v-model="subItem.value" :border="false" :red-color="subItem.placeholderStyle" v-if="subItem.inputType == 'data'" />
               </view>
               
               <view class="flex" style="width: 50rpx;" v-show="subItem.inputType == 'select'" @click="showPicker(subItem.type)"><uni-icons type="right" color="#000" ></uni-icons></view>
@@ -25,6 +25,7 @@
      <u-picker :show="businessTransportationShow" :columns="businessTransportations" @confirm="businessTransportationConfirm"></u-picker>
      <u-picker :show="businessReturnShow" :columns="businessReturns" @confirm="businessReturnConfirm"></u-picker>
      <u-picker :show="pcdShow" ref="uPicker" :columns="columns" @confirm="pcdStartConfirm" @change="changeHandler" :defaultIndex="defaultIndex"></u-picker>
      <u-picker :show="pcdEndShow" ref="uPicker" :columns="columns" @confirm="pcdEndConfirm" @change="changeHandler" :defaultIndex="defaultIndex"></u-picker>
      <u-picker :show="businessStartTimeDayShow" :columns="businessStartTimeDays" @confirm="businessStartTimeDayConfirm"></u-picker>
      <u-picker :show="businessEndTimeDayShow" :columns="businessEndTimeDays" @confirm="businessEndTimeDayConfirm"></u-picker>
      
@@ -43,11 +44,12 @@
   export default {
      data() {
         return {
            year: '',
            year: '2021-5-3',
            placeholderStyle: 'font-size:20rpx',
            form: {
               // businessTripReasons: ''
            },
            redColor: '',
            columns: [],
            defaultIndex: [],
            citysData: data.citysData,
@@ -56,6 +58,7 @@
            businessReturnShow: false,
            businessReturns: [['单程','往返']],
            pcdShow: false,
            pcdEndShow: false,
            pcds: data.citysData,
            businessStartTimeDayShow: false,
            businessStartTimeDays: [['上午','下午']],
@@ -63,27 +66,27 @@
            businessEndTimeDays: [['上午','下午']],
            form2: [
               {title: '基本信息',info:[
                  {subTitle: '出差事由',value: '',submitVal: '出差事由',type: 'businessTripReasons',inputType: 'input',required: true}
                  {subTitle: '出差事由',placeholder: '请输入出差事由',placeholderStyle: 'font-size:20rpx', value: '',submitVal: '出差事由',type: 'businessTripReasons',inputType: 'input',required: true}
               ]},
               {title: '行程信息',info:[
                  {subTitle: '交通工具',value: '',type: 'businessTransportation',inputType: 'select',disabled:true,required: true},
                  {subTitle: '单程往返',value: '',type: 'businessReturn',inputType: 'select',disabled:true,required: true},
                  {subTitle: '车牌号',value: '',type: 'carNumber',inputType: 'input',required: true},
                  {subTitle: '行程明细及公里数',value: '',type: 'kilometers',inputType: 'input',required: true},
                  {subTitle: '出发地',value: '',type: 'pcdStart',inputType: 'select',required: true},
                  {subTitle: '出发地详细地址',value: '',type: 'businessStartAddr',inputType: 'input',required: true},
                  {subTitle: '目的地',value: '',type: 'pcdEnd',inputType: 'select',required: true},
                  {subTitle: '目的地详细地址',value: '',type: 'businessEndAddr',inputType: 'input',required: true},
                  {subTitle: '交通工具',placeholder: '请选择交通工具',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessTransportation',inputType: 'select',disabled:true,required: true},
                  {subTitle: '单程往返',placeholder: '请选择单程单程',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessReturn',inputType: 'select',disabled:true,required: true},
                  {subTitle: '车牌号',placeholder: '请输入车牌号',placeholderStyle: 'font-size:20rpx',value: '',type: 'carNumber',inputType: 'input',required: true},
                  {subTitle: '行程明细及公里数',placeholder: '请输入行程明细及公里数',placeholderStyle: 'font-size:20rpx',value: '',type: 'kilometers',inputType: 'input',required: true},
                  {subTitle: '出发地',placeholder: '请选择出发地',placeholderStyle: 'font-size:20rpx',value: '',type: 'pcdStart',inputType: 'select',disabled:true,required: true},
                  {subTitle: '出发地详细地址',placeholder: '请输入出发地详细地址',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessStartAddr',inputType: 'input',required: true},
                  {subTitle: '目的地',placeholder: '请选择目的地',placeholderStyle: 'font-size:20rpx',value: '',type: 'pcdEnd',inputType: 'select',disabled:true,required: true},
                  {subTitle: '目的地详细地址',placeholder: '请输入目的地详细地址',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessEndAddr',inputType: 'input',required: true},
               ]},
               {title: '日期信息',info:[
                  {subTitle: '出发日期',value: '',type: 'businessStartTime',inputType: 'data',required: true},
                  {subTitle: '出发时辰',value: '',type: 'businessStartTimeDay',inputType: 'select',required: true},
                  {subTitle: '结束日期',value: '',type: 'businessEndTime',inputType: 'data',required: true},
                  {subTitle: '结束时辰',value: '',type: 'businessEndTimeDay',inputType: 'select',required: true}
                  {subTitle: '出发日期',placeholder: '请选择出发日期',placeholderStyle: 'font-size:20rpx',value: '2021-5-3',type: 'businessStartTime',inputType: 'data',required: true},
                  {subTitle: '出发时辰',placeholder: '请选择出发时辰',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessStartTimeDay',inputType: 'select',disabled:true,required: true},
                  {subTitle: '结束日期',placeholder: '请选择结束日期',placeholderStyle: 'font-size:20rpx',value: '2021-5-3',type: 'businessEndTime',inputType: 'data',required: true},
                  {subTitle: '结束时辰',placeholder: '请选择结束时辰',placeholderStyle: 'font-size:20rpx',value: '',type: 'businessEndTimeDay',inputType: 'select',disabled:true,required: true}
               ]},
               {title: '基本信息',info:[
                  {subTitle: '同行人',value: '同行人',type: 'businessPeers',inputType: 'input',required: true},
                  {subTitle: '备注',value: '备注',inputType: 'input',type: 'businessNotes'}
                  {subTitle: '同行人',placeholder: '请输入同行人',placeholderStyle: 'font-size:20rpx',value: '同行人',type: 'businessPeers',inputType: 'input',required: true},
                  {subTitle: '备注',placeholder: '备注信息',placeholderStyle: 'font-size:20rpx',value: '备注',inputType: 'input',type: 'businessNotes'}
               ]},
            ],
            
@@ -178,6 +181,7 @@
            }
         },
         submit() {
            let subPass = true
            for (let k of this.form2) {
               for (let sub of k.info) {
                  if (sub.inputType == 'select') {
@@ -185,9 +189,23 @@
                  } else {
                     this.form[sub.type] = sub.value
                  }
                  if (sub.required) {
                     sub.placeholderStyle = 'font-size:20rpx;'
                     if (sub.value == '' || (sub.submitVal == '' && sub.submitVal < 0)) {
                        console.log(sub);
                        sub.placeholderStyle = 'font-size:20rpx;color:red'
                        subPass = false
                     } 
                  }
						
               }
            }
            console.log(this.form);
            console.log(subPass);
            if(subPass) {
               console.log(this.form);
            }
				
         },
         showPicker(e) {
            switch(e) {
@@ -199,6 +217,9 @@
                  break
               case 'pcdStart':
                  this.pcdShow = true  
                  break
               case 'pcdEnd':
                  this.pcdEndShow = true  
                  break
               case 'businessStartTimeDay':
                  this.businessStartTimeDayShow = true  
@@ -248,7 +269,7 @@
            }
         },
         pcdStartConfirm(e) {
            console.log('confirm', e)
            // console.log('confirm', e)
            let pcd = data.citysData
            pcd[e.indexs[0]]
            // console.log(pcd[e.indexs[0]]);
@@ -256,12 +277,34 @@
            
            // console.log(e.indexs)
            let shen = data.citysData[e.indexs[0]]
            console.log(shen.value, shen.text)
            // console.log(shen.value, shen.text)
            let shi = shen.children[e.indexs[1]]
            // console.log(shi.value, shi.code)
            let qu = shi.children[e.indexs[2]]
            // console.log(qu.value, qu.code)
            console.log(shen.value , shi.value, qu.value);
            // console.log(shen.value , shi.value, qu.value);
            this.form2[1].info[4].value = e.value[0] + '/' + e.value[1] + '/' + e.value[2]
            this.form2[1].info[4].submitVal = shen.value + ',' +  shi.value  + ',' + qu.value
            console.log(this.form2[1].info[4].value,this.form2[1].info[4].submitVal);
         },
         pcdEndConfirm(e) {
            // console.log('confirm', e)
            let pcd = data.citysData
            pcd[e.indexs[0]]
            // console.log(pcd[e.indexs[0]]);
            this.pcdEndShow = false
				
            // console.log(e.indexs)
            let shen = data.citysData[e.indexs[0]]
            // console.log(shen.value, shen.text)
            let shi = shen.children[e.indexs[1]]
            // console.log(shi.value, shi.code)
            let qu = shi.children[e.indexs[2]]
            // console.log(qu.value, qu.code)
            // console.log(shen.value , shi.value, qu.value);
            this.form2[1].info[6].value = e.value[0] + '/' + e.value[1] + '/' + e.value[2]
            this.form2[1].info[6].submitVal = shen.value + ',' +  shi.value  + ',' + qu.value
            console.log(this.form2[1].info[6].value,this.form2[1].info[6].submitVal);
         }
      }
   }