<template>
|
<view>
|
<view class="card">
|
<!-- head -->
|
<view class="card-head flex">
|
<view class="card-head-title">基本信息</view>
|
</view>
|
<!-- body -->
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>出差事由</view>
|
<view class="flex">
|
<view style="flex: 1;">
|
<input type="text" placeholder="请输入出差事由" :placeholder-style="placeholderStyle" v-model="form.businessTripReasons">
|
</view>
|
</view>
|
</view>
|
</view>
|
|
<view class="card">
|
<!-- head -->
|
<view class="card-head flex">
|
<view class="card-head-title">行程信息</view>
|
</view>
|
<!-- body -->
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>交通工具</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请选择交通工具" :placeholder-style="placeholderStyle"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>单程往返</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请选择单程往返"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>车牌号</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入车牌号"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>行程明细及公里数</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入行程明细及公里数"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>出发地</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请选择出发地"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>出发地详细地址</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入出发地详细地址"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>目的地</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请选择目的地"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>目的地详细地址</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入目的地详细地址"></view>
|
<view ><uni-icons type="right" color="#000" ></uni-icons></view>
|
</view>
|
|
</view>
|
</view>
|
|
<view class="card">
|
<!-- head -->
|
<view class="card-head flex">
|
<view class="card-head-title">日期信息</view>
|
</view>
|
<!-- body -->
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>出发日期</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入出发日期"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>出发时辰</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入出发时辰"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>结束日期</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入结束日期"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>结束时辰</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入结束时辰"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
</view>
|
<view class="card">
|
<!-- head -->
|
<view class="card-head flex">
|
<view class="card-head-title">其它信息</view>
|
</view>
|
<!-- body -->
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>同行人</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入同行人"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
<view class="card-body flex-column">
|
<view class="flex"><text style="color: red;">*</text>备注</view>
|
<view class="flex">
|
<view style="flex: 1;"><input type="text" placeholder="请输入备注"></view>
|
<!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style>
|
|
</style>
|
