|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<view id="page"> |
|
|
|
<view id="page" :style="{ height: boxHeight + 'px' }"> |
|
|
|
<view class="Width100 Box BorderBox"> |
|
|
|
<view class="Width100 Box BorderBox"> |
|
|
|
<view class="Content BorderBox Width100"> |
|
|
|
<view class="Content BorderBox Width100"> |
|
|
|
<top-title :is-show-left="true" :title="'排查'" :rightWidth="40" class="custom_bg"> |
|
|
|
<top-title :is-show-left="true" :title="'排查'" :rightWidth="40" class="custom_bg"> |
|
|
@ -36,7 +36,7 @@ |
|
|
|
<uni-forms-item label="道路类型"> |
|
|
|
<uni-forms-item label="道路类型"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.roadType" placeholder="请输入道路类型" /> |
|
|
|
v-model="formData.roadType" placeholder="请输入道路类型" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.roadType }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.roadType }}</view> |
|
|
|
<view class="Height100"></view> |
|
|
|
<view class="Height100"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -44,7 +44,7 @@ |
|
|
|
<uni-forms-item label="道路宽度"> |
|
|
|
<uni-forms-item label="道路宽度"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.roadWidth" placeholder="请输入道路宽度" /> |
|
|
|
v-model="formData.roadWidth" placeholder="请输入道路宽度" @focus="focus"/> |
|
|
|
<view class="Height100" v-else>{{ formData.roadWidth }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.roadWidth }}</view> |
|
|
|
<view class="Height100">米</view> |
|
|
|
<view class="Height100">米</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -52,7 +52,7 @@ |
|
|
|
<uni-forms-item label="车辆数"> |
|
|
|
<uni-forms-item label="车辆数"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.laneCount" placeholder="请输入车辆数" /> |
|
|
|
v-model="formData.laneCount" placeholder="请输入车辆数" @focus="focus"/> |
|
|
|
<view class="Height100" v-else>{{ formData.laneCount }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.laneCount }}</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -60,7 +60,7 @@ |
|
|
|
<uni-forms-item label="路面结构"> |
|
|
|
<uni-forms-item label="路面结构"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.roadStructure" placeholder="请输入路面结构" /> |
|
|
|
v-model="formData.roadStructure" placeholder="请输入路面结构" @focus="focus"/> |
|
|
|
<view class="Height100" v-else>{{ formData.roadStructure }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.roadStructure }}</view> |
|
|
|
<view class="Height100"></view> |
|
|
|
<view class="Height100"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -68,7 +68,7 @@ |
|
|
|
<uni-forms-item label="路侧防护"> |
|
|
|
<uni-forms-item label="路侧防护"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.sideProtec" placeholder="请输入路侧防护" /> |
|
|
|
v-model="formData.sideProtec" placeholder="请输入路侧防护" @focus="focus"/> |
|
|
|
<view class="Height100" v-else>{{ formData.sideProtec }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.sideProtec }}</view> |
|
|
|
<view class="Height100"></view> |
|
|
|
<view class="Height100"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -76,7 +76,7 @@ |
|
|
|
<uni-forms-item label="中央隔离"> |
|
|
|
<uni-forms-item label="中央隔离"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="text" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.centerSeparate" placeholder="请输入中央隔离" /> |
|
|
|
v-model="formData.centerSeparate" placeholder="请输入中央隔离" @focus="focus"/> |
|
|
|
<view class="Height100" v-else>{{ formData.centerSeparate }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.centerSeparate }}</view> |
|
|
|
<view class="Height100"></view> |
|
|
|
<view class="Height100"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -84,7 +84,7 @@ |
|
|
|
<uni-forms-item label="设计时速"> |
|
|
|
<uni-forms-item label="设计时速"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.designSpeed" placeholder="请输入设计时速" /> |
|
|
|
v-model="formData.designSpeed" placeholder="请输入设计时速" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.designSpeed }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.designSpeed }}</view> |
|
|
|
<view class="Height100">Km/h</view> |
|
|
|
<view class="Height100">Km/h</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -92,7 +92,7 @@ |
|
|
|
<uni-forms-item label="限速"> |
|
|
|
<uni-forms-item label="限速"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEdit" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.limitSpeed" placeholder="请输入限速" /> |
|
|
|
v-model="formData.limitSpeed" placeholder="请输入限速" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.limitSpeed }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.limitSpeed }}</view> |
|
|
|
<view class="Height100">Km/h</view> |
|
|
|
<view class="Height100">Km/h</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -110,7 +110,7 @@ |
|
|
|
<uni-forms-item label="最大流量"> |
|
|
|
<uni-forms-item label="最大流量"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.maxTraffic" placeholder="请输入最大流量" /> |
|
|
|
v-model="formData.maxTraffic" placeholder="请输入最大流量" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.maxTraffic }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.maxTraffic }}</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -118,7 +118,7 @@ |
|
|
|
<uni-forms-item label="高峰流量"> |
|
|
|
<uni-forms-item label="高峰流量"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.peakTraffic" placeholder="请输入高峰流量" /> |
|
|
|
v-model="formData.peakTraffic" placeholder="请输入高峰流量" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.peakTraffic }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.peakTraffic }}</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -126,7 +126,7 @@ |
|
|
|
<uni-forms-item label="高峰时段"> |
|
|
|
<uni-forms-item label="高峰时段"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.peakHours" placeholder="请输入高峰时段" /> |
|
|
|
v-model="formData.peakHours" placeholder="请输入高峰时段" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.peakHours }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.peakHours }}</view> |
|
|
|
<view class="Height100"></view> |
|
|
|
<view class="Height100"></view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -134,7 +134,7 @@ |
|
|
|
<uni-forms-item label="平峰流量"> |
|
|
|
<uni-forms-item label="平峰流量"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.normalTraffic" placeholder="请输入高峰时段" /> |
|
|
|
v-model="formData.normalTraffic" placeholder="请输入高峰时段" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.normalTraffic }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.normalTraffic }}</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -143,7 +143,7 @@ |
|
|
|
<uni-forms-item label="大车占比"> |
|
|
|
<uni-forms-item label="大车占比"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.largeVehicleRate" placeholder="请输入大车占比" /> |
|
|
|
v-model="formData.largeVehicleRate" placeholder="请输入大车占比" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.largeVehicleRate }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.largeVehicleRate }}</view> |
|
|
|
<view class="Height100">%</view> |
|
|
|
<view class="Height100">%</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -151,7 +151,7 @@ |
|
|
|
<uni-forms-item label="非机动车流量"> |
|
|
|
<uni-forms-item label="非机动车流量"> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<view class="Height100 Flex Flex_end Flex_C_S-Center" style="line-height: 37px; "> |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
<input v-if="isEditStep2" type="number" class="BorderNone Height100 formInput" |
|
|
|
v-model="formData.nonvehicleTraffic" placeholder="请输入非机动车流量" /> |
|
|
|
v-model="formData.nonvehicleTraffic" placeholder="请输入非机动车流量" @focus="focus" /> |
|
|
|
<view class="Height100" v-else>{{ formData.nonvehicleTraffic }}</view> |
|
|
|
<view class="Height100" v-else>{{ formData.nonvehicleTraffic }}</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
<view class="Height100">辆</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@ -388,6 +388,7 @@ |
|
|
|
this.getChartsData(); |
|
|
|
this.getChartsData(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
onLoad(e) { |
|
|
|
onLoad(e) { |
|
|
|
|
|
|
|
this.boxHeight = uni.getSystemInfoSync().windowHeight; |
|
|
|
if (e.id) { |
|
|
|
if (e.id) { |
|
|
|
this.businessId = e.id; |
|
|
|
this.businessId = e.id; |
|
|
|
|
|
|
|
|
|
|
@ -565,9 +566,22 @@ |
|
|
|
extraConfigs: [], |
|
|
|
extraConfigs: [], |
|
|
|
describeArr: [], |
|
|
|
describeArr: [], |
|
|
|
temporary: '', |
|
|
|
temporary: '', |
|
|
|
type: 'edit' |
|
|
|
type: 'edit', |
|
|
|
|
|
|
|
boxHeight: 773 |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
|
|
|
|
isEdit(t){ |
|
|
|
|
|
|
|
if(!t) { |
|
|
|
|
|
|
|
this.boxHeight = uni.getSystemInfoSync().windowHeight; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
isEditStep2(t) { |
|
|
|
|
|
|
|
if(!t) { |
|
|
|
|
|
|
|
this.boxHeight = uni.getSystemInfoSync().windowHeight; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
showInvestigationTag(v) { |
|
|
|
showInvestigationTag(v) { |
|
|
|
console.log(v) |
|
|
|
console.log(v) |
|
|
@ -1342,9 +1356,26 @@ |
|
|
|
this.$.toast(res.msg); |
|
|
|
this.$.toast(res.msg); |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
focus(){ |
|
|
|
}; |
|
|
|
const query = uni.createSelectorQuery().in(this); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 选择我们想要的元素 |
|
|
|
|
|
|
|
query.select('#page').boundingClientRect(data => { |
|
|
|
|
|
|
|
// data是选中元素的大小及位置信息 |
|
|
|
|
|
|
|
if (data) { |
|
|
|
|
|
|
|
// 元素的高度 |
|
|
|
|
|
|
|
const height = data.height; |
|
|
|
|
|
|
|
if(this.isEdit) { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.boxHeight = height + 200 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
console.log('盒子的高度:', height); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}).exec(); // 执行查询 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
<style lang="scss"> |
|
|
|