#

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 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;