feat:渲染数据

张含笑

2025-10-29 c41678e94e6c6d1ee4acc2c0307f3de6b01cf58c

 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>