zhangqun 11 months ago
parent cc7a743334
commit 8a39e11c73
  1. 147
      pages/investigation/task.vue
  2. 2
      pages/map/index.vue

@ -34,54 +34,68 @@
<view class="formBox" v-if="active === 1"> <view class="formBox" v-if="active === 1">
<uni-forms :modelValue="formData" border> <uni-forms :modelValue="formData" border>
<uni-forms-item label="道路类型"> <uni-forms-item label="道路类型">
<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.roadType" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入道路类型" /> <input v-if="isEdit" type="text" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ v-model="formData.roadType" placeholder="请输入道路类型" />
formData.roadType <view class="Height100" v-else>{{ formData.roadType }}</view>
}}</text> <view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="道路宽度"> <uni-forms-item label="道路宽度">
<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.roadWidth" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入道路宽度" /> <input v-if="isEdit" type="number" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.roadWidth }}</text> v-model="formData.roadWidth" placeholder="请输入道路宽度" />
<view class="Height100" v-else>{{ formData.roadWidth }}</view>
<view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="车辆数"> <uni-forms-item label="车辆数">
<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.laneCount" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入车辆数" /> <input v-if="isEdit" type="number" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.laneCount }}</text> v-model="formData.laneCount" placeholder="请输入车辆数" />
<view class="Height100" v-else>{{ formData.laneCount }}</view>
<view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="路面结构"> <uni-forms-item label="路面结构">
<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.roadStructure" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入路面结构" /> <input v-if="isEdit" type="text" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ v-model="formData.roadStructure" placeholder="请输入路面结构" />
formData.roadStructure <view class="Height100" v-else>{{ formData.roadStructure }}</view>
}}</text> <view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="路侧防护"> <uni-forms-item label="路侧防护">
<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.sideProtec" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入路侧防护" /> <input v-if="isEdit" type="text" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ v-model="formData.sideProtec" placeholder="请输入路侧防护" />
formData.sideProtec <view class="Height100" v-else>{{ formData.sideProtec }}</view>
}}</text> <view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="中央隔离"> <uni-forms-item label="中央隔离">
<input v-if="isEdit" type="text" class="BorderNone Height100" v-model="formData.centerSeparate" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入中央隔离" /> <input v-if="isEdit" type="text" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ v-model="formData.centerSeparate" placeholder="请输入中央隔离" />
formData.centerSeparate <view class="Height100" v-else>{{ formData.centerSeparate }}</view>
}}</text> <view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="设计时速"> <uni-forms-item label="设计时速">
<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.designSpeed" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入设计时速" /> <input v-if="isEdit" type="number" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.designSpeed v-model="formData.designSpeed" placeholder="请输入设计时速" />
}}Km/h</text> <view class="Height100" v-else>{{ formData.designSpeed }}</view>
<view class="Height100">Km/h</view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="限速"> <uni-forms-item label="限速">
<input v-if="isEdit" type="number" class="BorderNone Height100" v-model="formData.limitSpeed" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
placeholder="请输入限速" /> <input v-if="isEdit" type="number" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_C_S-Center Flex_end" v-else>{{ formData.limitSpeed v-model="formData.limitSpeed" placeholder="请输入限速" />
}}Km/h</text> <view class="Height100" v-else>{{ formData.limitSpeed }}</view>
<view class="Height100">Km/h</view>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="photo"> <view class="photo">
@ -94,39 +108,53 @@
<view class="formBox form-step-2" v-if="active === 2"> <view class="formBox form-step-2" v-if="active === 2">
<uni-forms :modelValue="formData" border label-width="120"> <uni-forms :modelValue="formData" border label-width="120">
<uni-forms-item label="最大流量"> <uni-forms-item label="最大流量">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
v-model="formData.maxTraffic" placeholder="请输入最大流量" /> v-model="formData.maxTraffic" placeholder="请输入最大流量" />
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.maxTraffic }}</text> <view class="Height100" v-else>{{ formData.maxTraffic }}</view>
<view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="高峰流量"> <uni-forms-item label="高峰流量">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
v-model="formData.peakTraffic" placeholder="请输入高峰流量" /> v-model="formData.peakTraffic" placeholder="请输入高峰流量" />
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.peakTraffic }}</text> <view class="Height100" v-else>{{ formData.peakTraffic }}</view>
<view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="高峰时段"> <uni-forms-item label="高峰时段">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
v-model="formData.peakHours" placeholder="请输入高峰时段" /> v-model="formData.peakHours" placeholder="请输入高峰时段" />
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ <view class="Height100" v-else>{{ formData.peakHours }}</view>
formData.peakHours <view class="Height100"></view>
}}</text> </view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="平峰流量"> <uni-forms-item label="平峰流量">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
v-model="formData.normalTraffic" placeholder="请输入平峰流量" /> <input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.normalTraffic v-model="formData.normalTraffic" placeholder="请输入高峰时段" />
}}</text> <view class="Height100" v-else>{{ formData.normalTraffic }}</view>
<view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="大车占比"> <uni-forms-item label="大车占比">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
v-model="formData.largeVehicleRate" placeholder="请输入大车占比" /> v-model="formData.largeVehicleRate" placeholder="请输入大车占比" />
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.largeVehicleRate <view class="Height100" v-else>{{ formData.largeVehicleRate }}</view>
}}%</text> <view class="Height100">%</view>
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="非机动车流量"> <uni-forms-item label="非机动车流量">
<input v-if="isEditStep2" type="number" class="BorderNone Height100" <view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; ">
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput"
v-model="formData.nonvehicleTraffic" placeholder="请输入非机动车流量" /> v-model="formData.nonvehicleTraffic" placeholder="请输入非机动车流量" />
<text class="Height100 Flex Flex_end Flex_C_S-Center" v-else>{{ formData.nonvehicleTraffic <view class="Height100" v-else>{{ formData.nonvehicleTraffic }}</view>
}}</text> <view class="Height100"></view>
</view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
@ -1402,19 +1430,24 @@
-webkit-appearance: auto !important; -webkit-appearance: auto !important;
background: transparent; background: transparent;
overflow: auto !important; overflow: auto !important;
} }
::v-deep ::-webkit-scrollbar-thumb { ::v-deep ::-webkit-scrollbar-thumb {
// //
border-radius: 16rpx !important; border-radius: 16rpx !important;
box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
background-color: #f7f7f7 !important; background-color: #f7f7f7 !important;
} }
::v-deep ::-webkit-scrollbar-track { ::v-deep ::-webkit-scrollbar-track {
// //
border-radius: 16rpx !important; border-radius: 16rpx !important;
box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important; box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
background-color: #dad8d8 !important; background-color: #dad8d8 !important;
} }
.formInput {
width: 90%;
margin-right: 4px;
font-size: 14px;
}
</style> </style>

@ -147,7 +147,7 @@
:style="ftype == 1 ? 'margin-top: 18px' : 'margin-top: 80px'" :style="ftype == 1 ? 'margin-top: 18px' : 'margin-top: 80px'"
> >
<view @click="onJump(3)" class="btn btn6"> 取消 </view> <view @click="onJump(3)" class="btn btn6"> 取消 </view>
<view @click="handleSubmit" class="btn btn7"> 确定 {{ show }}</view> <view @click="handleSubmit" class="btn btn7"> 确定 </view>
</view> </view>
</view> </view>

Loading…
Cancel
Save