<template>
  <div class="cip-cron__field">
    <div
      class="cip-cron__field__item"
      v-for="(item, index) in text.tabs"
      :key="item"
    >
      <div class="cip-cron__field__item__name">
        {{ item.name }}
      </div>
      <div class="cip-cron__field__item__value">
        {{ dealCron[index] }}
      </div>
    </div>
  </div>
</template>
<script>
import { computed, defineComponent } from 'vue'
export default defineComponent({
  name: 'express-field',
  props: {
    cron: String,
    text: {}
  },
  setup(props) {
    const dealCron = computed(() => {
      return props.cron.split(' ')
    })

    return {
      dealCron
    }
  }
})
</script>
<style lang="less">
@import url('../index.less');
</style>
