无人机管理后台前端(已迁走)
张含笑
2025-10-29 42b15fc6d2468ebbc392bc2eacc1505dbc259594
src/views/layerManagement/components/rightEdit.vue
@@ -18,13 +18,13 @@
      <div class="itemRow">
        <div class="label">围栏名称</div>
        <div>
          <el-input class="ztzf-input inputName" v-model="formData.name" placeholder="围栏名称" />
          <el-input class="ztzf-input inputName" v-model="detailData.name" placeholder="围栏名称" />
        </div>
      </div>
      <div class="itemRow">
        <div class="label">围栏备注</div>
        <div>
          <el-input v-model="formData.description" :rows="5" type="textarea" placeholder="请输入" />
          <el-input v-model="detailData.description" :rows="5" type="textarea" placeholder="请输入" />
        </div>
      </div>
    </div>
@@ -32,21 +32,21 @@
      <div class="infpItem">
        <div class="itemData">
          <div class="title">围栏总数量</div>
          <div class="num"><span>26</span>个</div>
          <div class="num"><span>{{totalCount}}</span>个</div>
        </div>
        <div class="itemData">
          <div class="title">围栏总面积</div>
          <div class="num"><span>1651561.4</span>m²</div>
          <div class="num"><span>{{totalArea}}</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 class="num"><span>{{detailData.create_time}}</span></div>
        </div>
        <div class="itemData">
          <div class="title">创建人</div>
          <div class="num"><span>张三</span></div>
          <div class="num"><span>{{detailData.create_name}}</span></div>
        </div>
      </div>
    </div>
@@ -70,11 +70,20 @@
  control_end_time: '',
  geo_data: '{"type":"LineString","coordinates":[[113.30,23.15],[113.31,23.16],[113.32,23.15]]}',
});
const detailData = ref(null)
detailData.value = layerParams.value.editDetailData
const totalArea = layerParams.value.total_area
const totalCount = layerParams.value.total_count
console.log('layerParams',layerParams
);
const cancelHandel = () => {
  layerParams.value.addNest = false;
  layerParams.value.editNest = false;
};
const submitHandle = () => {
  layerParams.value.addNest = false;
  layerParams.value.editNest = false;
};
</script>