<template>
  <ui-group title="测量列表" class="show-measures">
    <template #icon>
      <ui-icon 
        ctrl
        :type="custom.showMeasures ? 'eye-s' : 'eye-n'" 
        @click="custom.showMeasures = !custom.showMeasures" 
      />
    </template>
    <MeasureSign 
      v-for="measure in measures" 
      :key="measure.id" 
      :measure="measure" 
      :edit="false"
    />
  </ui-group>
</template>

<script setup lang="ts">
import MeasureSign from '@/views/measure/sign.vue'
import { measures, initialMeasures } from '@/store'
import { custom } from '@/env'

initialMeasures() 
</script>


<style lang="scss">
.show-measures.ui-group > h3.group-title {
  margin-bottom: 0;
}
</style>