From c41678e94e6c6d1ee4acc2c0307f3de6b01cf58c Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Wed, 29 Oct 2025 09:53:48 +0800
Subject: [PATCH] feat:渲染数据
---
src/views/layerManagement/components/rightEdit.vue | 70 ++++++++++++++++++++++++-----------
1 files changed, 48 insertions(+), 22 deletions(-)
diff --git a/src/views/layerManagement/components/rightEdit.vue b/src/views/layerManagement/components/rightEdit.vue
index 3b1e95b..828a4e7 100644
--- a/src/views/layerManagement/components/rightEdit.vue
+++ b/src/views/layerManagement/components/rightEdit.vue
@@ -5,7 +5,7 @@
<div class="itemRow">
<div class="label">文件夹名称</div>
<div>
- <el-select class="ztzf-layer-search" v-model="value" placeholder="Select">
+ <el-select class="ztzf-layer-search" v-model="formData.area" placeholder="Select">
<el-option
v-for="item in options"
:key="item.value"
@@ -18,13 +18,13 @@
<div class="itemRow">
<div class="label">围栏名称</div>
<div>
- <el-input class="ztzf-input inputName" v-model="input" placeholder="围栏名称" />
+ <el-input class="ztzf-input inputName" v-model="formData.name" placeholder="围栏名称" />
</div>
</div>
<div class="itemRow">
<div class="label">围栏备注</div>
<div>
- <el-input v-model="textarea" :rows="5" type="textarea" placeholder="请输入" />
+ <el-input v-model="formData.description" :rows="5" type="textarea" placeholder="请输入" />
</div>
</div>
</div>
@@ -51,13 +51,32 @@
</div>
</div>
<div class="btnGroups">
- <img src="/src/assets/images/layerManagement/savebtn.svg" alt="">
- <img src="/src/assets/images/layerManagement/cancelbtn.svg" alt="">
+ <img src="/src/assets/images/layerManagement/savebtn.svg" alt="" @click="submitHandle" />
+ <img src="/src/assets/images/layerManagement/cancelbtn.svg" @click="cancelHandel" alt="" />
</div>
</div>
</template>
-<script setup></script>
+<script setup>
+const layerParams = inject('layerParams');
+const formData = ref({
+ folder_id: '',
+ name: '',
+ description: '',
+ is_enabled: false,
+ area: '',
+ altitude: '',
+ control_start_time: '',
+ control_end_time: '',
+ geo_data: '{"type":"LineString","coordinates":[[113.30,23.15],[113.31,23.16],[113.32,23.15]]}',
+});
+const cancelHandel = () => {
+ layerParams.value.addNest = false;
+};
+const submitHandle = () => {
+ layerParams.value.addNest = false;
+};
+</script>
<style scoped lang="scss">
.rightContainer {
@@ -72,6 +91,11 @@
background: rgba(0, 0, 0, 0.8);
border-radius: 8px 8px 8px 8px;
padding: 16px 12px;
+
+ :deep(.el-textarea__inner) {
+ background: transparent !important;
+ color: #ffffff !important;
+ }
.contenttitle {
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: bold;
@@ -102,28 +126,30 @@
color: #ffffff;
margin-bottom: 23px;
.num {
- span{
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: bold;
- font-size: 20px;
- color: #ffffff;}
+ span {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: bold;
+ font-size: 20px;
+ color: #ffffff;
+ }
}
.itemData {
- width: 50%;
+ width: 50%;
}
}
}
.btnGroups {
- display: flex;
- justify-content: center;
- position: absolute;
- bottom: 59px;
- left: 0;
- right: 0;
- img{
- width: 125px;
- height: 39px;
- cursor: pointer;}
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ bottom: 59px;
+ left: 0;
+ right: 0;
+ img {
+ width: 125px;
+ height: 39px;
+ cursor: pointer;
+ }
}
}
</style>
--
Gitblit v1.9.3