From f12c6c951191a7778393d7c8b276bd65e439dfb2 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 28 Oct 2025 17:29:24 +0800
Subject: [PATCH] feat:面板
---
src/views/layerManagement/components/rightEdit.vue | 138 +++++++++++++++++++++++++++++++++++++++-------
1 files changed, 117 insertions(+), 21 deletions(-)
diff --git a/src/views/layerManagement/components/rightEdit.vue b/src/views/layerManagement/components/rightEdit.vue
index 5da0f03..3b1e95b 100644
--- a/src/views/layerManagement/components/rightEdit.vue
+++ b/src/views/layerManagement/components/rightEdit.vue
@@ -1,33 +1,129 @@
<template>
- <div class="rightContainer">
- 右侧编辑
- </div>
+ <div class="rightContainer">
+ <div class="contenttitle">围栏信息</div>
+ <div class="centerBox">
+ <div class="itemRow">
+ <div class="label">文件夹名称</div>
+ <div>
+ <el-select class="ztzf-layer-search" v-model="value" placeholder="Select">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ />
+ </el-select>
+ </div>
+ </div>
+ <div class="itemRow">
+ <div class="label">围栏名称</div>
+ <div>
+ <el-input class="ztzf-input inputName" v-model="input" placeholder="围栏名称" />
+ </div>
+ </div>
+ <div class="itemRow">
+ <div class="label">围栏备注</div>
+ <div>
+ <el-input v-model="textarea" :rows="5" type="textarea" placeholder="请输入" />
+ </div>
+ </div>
+ </div>
+ <div class="detailInfo">
+ <div class="infpItem">
+ <div class="itemData">
+ <div class="title">围栏总数量</div>
+ <div class="num"><span>26</span>个</div>
+ </div>
+ <div class="itemData">
+ <div class="title">围栏总面积</div>
+ <div class="num"><span>1651561.4</span>m²</div>
+ </div>
+ </div>
+ <div class="infpItem">
+ <div class="itemData">
+ <div class="title">创建时间</div>
+ <div class="num"><span>2025年10月22日</span></div>
+ </div>
+ <div class="itemData">
+ <div class="title">创建人</div>
+ <div class="num"><span>张三</span></div>
+ </div>
+ </div>
+ </div>
+ <div class="btnGroups">
+ <img src="/src/assets/images/layerManagement/savebtn.svg" alt="">
+ <img src="/src/assets/images/layerManagement/cancelbtn.svg" alt="">
+ </div>
+ </div>
</template>
-<script setup >
-/**
- * @description rightEdit
- * @date 2025-10-27 (周一) 15:06:00
- */
-defineOptions({
- name: 'rightEdit'
-})
-
-
-</script>
+<script setup></script>
<style scoped lang="scss">
.rightContainer {
- top: 0;
+ position: absolute;
+ top: 0;
right: 0;
- height: 99%;
+ height: 95%;
z-index: 99;
- width: 377px;
- height: 100%;
+ width: 324px;
+
overflow: hidden;
background: rgba(0, 0, 0, 0.8);
-
border-radius: 8px 8px 8px 8px;
- padding: 6px 10px 0 10px;
+ padding: 16px 12px;
+ .contenttitle {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: bold;
+ font-size: 16px;
+ color: #ffffff;
+ margin-bottom: 20px;
+ }
+ .centerBox {
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 14px;
+ color: #ffffff;
+ .itemRow {
+ margin-bottom: 35px;
+ }
+ .label {
+ margin-bottom: 5px;
+ }
+ }
+ .detailInfo {
+ .infpItem {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 14px;
+ 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;}
+ }
+ .itemData {
+ width: 50%;
+ }
+ }
+ }
+ .btnGroups {
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ bottom: 59px;
+ left: 0;
+ right: 0;
+ img{
+ width: 125px;
+ height: 39px;
+ cursor: pointer;}
+ }
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3