|
@@ -153,10 +153,9 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<!-- <div style="margin-bottom: 20px;background-image: url('http://niu305.cn:8091/uploads/image/headphoto1.png');background-position: top right;"> -->
|
|
<!-- <div style="margin-bottom: 20px;background-image: url('http://niu305.cn:8091/uploads/image/headphoto1.png');background-position: top right;"> -->
|
|
- <div class="run-box">
|
|
|
|
- <div ref="map" class="map-container"></div>
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <h3>推料计划详情</h3>
|
|
<div class="run-box-rg">
|
|
<div class="run-box-rg">
|
|
- <h3>推料计划详情</h3>
|
|
|
|
<div>
|
|
<div>
|
|
<span>推料车:</span>{{runDate?.tname || '暂无'}}
|
|
<span>推料车:</span>{{runDate?.tname || '暂无'}}
|
|
</div>
|
|
</div>
|
|
@@ -183,6 +182,7 @@
|
|
<span>推料栏舍顺序:</span>{{ runDate?.bname || '暂无' }}
|
|
<span>推料栏舍顺序:</span>{{ runDate?.bname || '暂无' }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div ref="map" class="map-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- </div> -->
|
|
<!-- </div> -->
|
|
@@ -491,33 +491,31 @@ export default {
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.run-box{
|
|
.run-box{
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
height: 600px;
|
|
height: 600px;
|
|
}
|
|
}
|
|
.run-box-rg{
|
|
.run-box-rg{
|
|
- flex: 1;
|
|
|
|
- padding-left: 20px;
|
|
|
|
- min-width:300px;
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content:left;
|
|
|
|
+ flex-direction: row;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ padding: 0px 20px;
|
|
font-size:16px;
|
|
font-size:16px;
|
|
|
|
+ border-bottom:1px dotted #eee;
|
|
|
|
+}
|
|
|
|
+.run-box-rg div{
|
|
|
|
+ margin-bottom:10px;
|
|
|
|
+ margin-right:15px;
|
|
}
|
|
}
|
|
.run-box-rg div>span{
|
|
.run-box-rg div>span{
|
|
font-size: 16px!important;
|
|
font-size: 16px!important;
|
|
- padding-right: 8px;
|
|
|
|
- display: inline-block;
|
|
|
|
- width: 120px;
|
|
|
|
- text-align:right;
|
|
|
|
- margin-bottom: 5px;
|
|
|
|
- }
|
|
|
|
- .run-box-rg>div{
|
|
|
|
- margin: 8px 0;
|
|
|
|
- }
|
|
|
|
|
|
+ font-weight: 600;
|
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
.map-container {
|
|
.map-container {
|
|
height: 600px;
|
|
height: 600px;
|
|
- width: 840px;
|
|
|
|
- border-right:1px dotted #eee;
|
|
|
|
|
|
+ // width: 840px;
|
|
|
|
+ // border-right:1px dotted #eee;
|
|
padding:0 10px;
|
|
padding:0 10px;
|
|
}
|
|
}
|
|
.search {
|
|
.search {
|