From d1275c89f3e4ed08ab33d0e06c04d6e9d4959654 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 02 十一月 2022 14:28:43 +0800
Subject: [PATCH] 新增车辆轨迹
---
src/views/operate/car/lawCar/index.vue | 96 +++++++++++++++++++++++
src/views/operate/car/soilCar/index.vue | 104 +++++++++++++++++++++++++
src/views/layout/components/Main/index.vue | 1
3 files changed, 197 insertions(+), 4 deletions(-)
diff --git a/src/views/layout/components/Main/index.vue b/src/views/layout/components/Main/index.vue
index 1bf7ce1..0e738f8 100644
--- a/src/views/layout/components/Main/index.vue
+++ b/src/views/layout/components/Main/index.vue
@@ -26,6 +26,7 @@
padding: 0;
.content {
padding: 11px;
+ height: 100%;
}
}
</style>
diff --git a/src/views/operate/car/lawCar/index.vue b/src/views/operate/car/lawCar/index.vue
index 9209bd1..eb8a456 100644
--- a/src/views/operate/car/lawCar/index.vue
+++ b/src/views/operate/car/lawCar/index.vue
@@ -1,3 +1,95 @@
<template>
- <div class="law-car"></div>
-</template>
\ No newline at end of file
+ <div class="law-car">
+ <div class="law-car-header">
+ <span>鍩烘湰淇℃伅</span>
+ </div>
+ <div class="law-car-main">
+ <el-form :inline="true" :model="car">
+ <div class="car-item">
+ <el-form-item label="杈撳叆鏌ヨ:" class="car-item-container">
+ <el-input v-model="car.carNumber" placeholder="璇疯緭鍏ヨ溅鐗屽彿"></el-input>
+ </el-form-item>
+ <el-form-item label="杞︿富濮撳悕:" class="car-item-container car-item-box">
+ <div>{{car.carOwner}}</div>
+ </el-form-item>
+ <el-form-item label="鑱旂郴鏂瑰紡:" class="car-item-container car-item-box">
+ <div>{{car.carPhone}}</div>
+ </el-form-item>
+ </div>
+ <div class="car-item">
+ <el-form-item label="鎵�灞為儴闂�:" class="car-item-container">
+ <div>{{car.carDept}}</div>
+ </el-form-item>
+ <el-form-item label="鎵�灞炲ぇ闃�:" class="car-item-container car-item-box">
+ <div>{{car.carTeam}}</div>
+ </el-form-item>
+ </div>
+ </el-form>
+ </div>
+ <div class="law-car-footer">
+ <div>杞﹁締杞ㄨ抗鍒嗘瀽鍥�</div>
+ <div class="map-box">
+ <MyMap></MyMap>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+export default {
+ components:{
+ MyMap
+ },
+ data() {
+ return {
+ carNumber: '',
+ car: {
+
+ }
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.law-car {
+ color: #4b9bb7;
+ padding: 20px;
+ .law-car-header{
+ line-height: 60px;
+ text-align: left;
+ }
+ .law-car-main {
+ display: flex;
+ flex-direction: column;
+ .car-item{
+ line-height: 60px;
+ display: flex;
+ flex: 1;
+ text-align: left;
+ .car-item-box{
+ margin-left: 10%;
+ }
+ .car-item-container{
+ width: 26%;
+ }
+ }
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-form-item {
+ line-height: 40px;
+ }
+ }
+ .law-car-footer{
+ div:nth-child(1){
+ text-align: left;
+ line-height: 40px;
+ }
+ .map-box{
+ width: 100%;
+ height: 55vh;
+ }
+ }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/operate/car/soilCar/index.vue b/src/views/operate/car/soilCar/index.vue
index 916305e..87d6caf 100644
--- a/src/views/operate/car/soilCar/index.vue
+++ b/src/views/operate/car/soilCar/index.vue
@@ -1,3 +1,103 @@
<template>
- <div class="soil-car"></div>
-</template>
\ No newline at end of file
+ <div class="soil-car">
+ <div class="soil-car-header">
+ <span>鍩烘湰淇℃伅</span>
+ </div>
+ <div class="soil-car-main">
+ <el-form :inline="true" :model="car">
+ <div class="car-item">
+ <el-form-item label="杈撳叆鏌ヨ:" class="car-item-container">
+ <el-input v-model="car.carNumber" placeholder="璇疯緭鍏ヨ溅鐗屽彿"></el-input>
+ </el-form-item>
+ <el-form-item label="杞﹁締浣跨敤浜哄憳:" class="car-item-container car-item-box">
+ <div>{{ car.carOwner }}</div>
+ </el-form-item>
+ <el-form-item label="鑱旂郴鏂瑰紡:" class="car-item-container car-item-box">
+ <div>{{ car.carPhone }}</div>
+ </el-form-item>
+ </div>
+ <div class="car-item">
+ <el-form-item label="鏂藉伐鍗曚綅:" class="car-item-container">
+ <div>{{ car.carDept }}</div>
+ </el-form-item>
+ <el-form-item label="鏂藉伐鍦板潃:" class="car-item-container car-item-box">
+ <div>{{ car.carTeam }}</div>
+ </el-form-item>
+ </div>
+ </el-form>
+ </div>
+ <div class="soil-car-footer">
+ <div>杞﹁締杞ㄨ抗鍒嗘瀽鍥�</div>
+ <div class="map-box">
+ <MyMap></MyMap>
+ </div>
+ </div>
+ </div>
+</template>
+<script>
+import MyMap from '@/components/map'
+export default {
+ components: {
+ MyMap
+ },
+ data() {
+ return {
+ carNumber: '',
+ car: {
+
+ }
+ }
+ }
+}
+</script>
+<style lang="scss" scoped>
+.soil-car {
+ color: #4b9bb7;
+ padding: 20px;
+
+ .soil-car-header {
+ line-height: 60px;
+ text-align: left;
+ }
+
+ .soil-car-main {
+ display: flex;
+ flex-direction: column;
+
+ .car-item {
+ line-height: 60px;
+ display: flex;
+ flex: 1;
+ text-align: left;
+
+ .car-item-box {
+ margin-left: 10%;
+ }
+
+ .car-item-container {
+ width: 26%;
+ }
+ }
+
+ ::v-deep .el-form-item__label {
+ color: #4b9bb7;
+ }
+
+ ::v-deep .el-form-item {
+ line-height: 40px;
+ }
+ }
+
+ .soil-car-footer {
+ div:nth-child(1) {
+ text-align: left;
+ line-height: 40px;
+ }
+
+ .map-box {
+ width: 100%;
+ height: 55vh;
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0