#

whycq

2023-11-06 9316094f7b4aae9dab25407dafe6276f015c948c

 pages/business/goBusiness/addgoBusiness.vue

@@ -8,17 +8,19 @@
         </view>
         <!-- body -->
         <view class="card-body flex-column" v-for="subItem in item.info">
            <view class="flex"><text style="color: red;">*</text>{{subItem.subTitle}}</view>
            <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="请输入出差事由" :placeholder-style="placeholderStyle" v-model="subItem.value">
               </view>
            </view>
               <view class="flex" style="width: 50rpx;" v-show="subItem.inputType == 'select'" @click="show = true"><uni-icons type="right" color="#000" ></uni-icons></view>
         </view>
      </view>
      
      </view>
      
      
      <u-picker :show="show" :columns="columns" @confirm="confirm"></u-picker>
      
      <view style="height: 120rpx;"></view>
      
@@ -34,13 +36,38 @@
   export default {
      data() {
         return {
            show: false,
            placeholderStyle: 'font-size:20rpx',
            form: {
               // businessTripReasons: ''
            },
            columns: [
                ['中国', '美国', '日本']
            ],
            form2: [
               {title: '基本信息',info:[{subTitle: '出差事由',value: '123',type: 'businessTripReasons'}]},
               {title: 'baseInfo',info:[{subTitle: '出差事由',value: 456}]}
               {title: '基本信息',info:[
                  {subTitle: '出差事由',value: '出差事由',type: 'businessTripReasons',inputType: 'input',required: true}
               ]},
               {title: 'baseInfo',info:[
                  {subTitle: '交通工具',value: 4,type: 'businessTransportation',inputType: 'select',required: true},
                  {subTitle: '单程往返',value: 1,type: 'businessReturn',inputType: 'select',required: true},
                  {subTitle: '车牌号',value: '浙B788MT',type: 'carNumber',inputType: 'input',required: true},
                  {subTitle: '行程明细及公里数',value: '168公里',type: 'kilometers',inputType: 'input',required: true},
                  {subTitle: '出发地',value: '110088 118188,118101',type: 'pcdStart',inputType: 'select',required: true},
                  {subTitle: '出发地详细地址',value: '出发地详细地址',type: 'businessStartAddr',inputType: 'input',required: true},
                  {subTitle: '目的地',value: '440809,448188,448183',type: 'pcdEnd',inputType: 'select',required: true},
                  {subTitle: '目的地详细地址',value: '目的地详细地址',type: 'businessEndAddr',inputType: 'input',required: true},
               ]},
               {title: '日期信息',info:[
                  {subTitle: '出发日期',value: '2023-11-01 80:00:00',type: 'businessStartTime',inputType: 'input',required: true},
                  {subTitle: '出发时辰',value: '1',type: 'businessStartTimeDay',inputType: 'input',required: true},
                  {subTitle: '结束日期',value: '2023-11-30 80:00:08',type: 'businessEndTime',inputType: 'input',required: true},
                  {subTitle: '结束时辰',value: '2',type: 'businessEndTimeDay',inputType: 'input',required: true}
               ]},
               {title: '基本信息',info:[
                  {subTitle: '同行人',value: '同行人',type: 'businessPeers',inputType: 'input',required: true},
                  {subTitle: '备注',value: '备注',inputType: 'input',type: 'businessNotes'}
               ]},
            ]
         }
      },
@@ -54,6 +81,10 @@
            }
            
            console.log(this.form);
         },
         confirm(e) {
            console.log('confirm', e)
            this.show = false
         }
      }
   }
@@ -78,6 +109,10 @@
   .card-body {
      margin: 8rpx 8rpx 0 8rpx ;
   }
   .card-required {
      color: red;
      padding-right: 4rpx;
   }
   .flex {
      display: flex;
      align-items: center;