<template>
  <view>
    <uv-form-item
      :labelWidth="100"
      :label="item?.taskFiledValue"
      :borderBottom="false"
      labelPosition="left"
      :required="item?.isMustfill == '1'"
    >
      <uv-input
        v-model="propsMessage"
        clearable
        type="digit"
        :disabled="disabled"
        :maxlength="item?.taskFiledMaxsize"
        input-align="right"
        :placeholder="`请填写${item?.taskFiledValue}`"
        border="none"
      >
        <template v-slot:suffix>
          <template v-if="item?.taskFiledValue == '会议时长'">
            <text ss="text"> 分钟 </text>
          </template>
        </template>
      </uv-input>
    </uv-form-item>
  </view>
</template>

<script setup lang="ts">
import { computed } from 'vue'
const emmits = defineEmits(['update:numberValue'])

let props = defineProps({
  item: Object,
  index: Number,
  disabled: Boolean,
  numberValue: String
})

const propsMessage = computed({
  get: () => {
    return props.numberValue
  },
  set: (val) => {
    emmits('update:numberValue', val)
  }
})
</script>

<style lang="scss" scoped>
.text {
  color: #999;
  font-size: 28rpx;
}
</style>
