test

cuiqian2004

2025-03-20 c094d4a32180130de0c26c75a5abc414128a5ec1

 components/oi-form/list/input-number/index.vue

@@ -1,11 +1,11 @@
<template>
   <view class="oi-form-input-number">
      <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="model[data.fieldId]" :focus="focus"
         :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick"
         :disabled="data.disabled"></input>
      <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="data.value" :focus="focus"
         :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick"
         :disabled="data.disabled"></input>
      <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''"
         v-model="model[data.fieldId]" :focus="focus" :placeholder="data.placeholder" @focus="onFocus" @blur="onChange"
         @confirm="onConfirm" @click="onClick" :disabled="data.disabled"></input>
      <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''"
         v-model="data.value" :focus="focus" :placeholder="data.placeholder" @focus="onFocus" @blur="onChange" @confirm="onConfirm"
         @click="onClick" :disabled="data.disabled"></input>
   </view>
</template>

@@ -25,25 +25,26 @@
      },
      methods: {
         onChange(e) {
            this.$emit("change", e)
            this.$emit("on-change", e)
         },
         onConfirm(e) {
            this.onChange(e)
         },
         onClick(e) {
            this.$emit("click", e)
            this.$emit("on-click", e)
         },
		
      }
         onFocus(e) {
            this.$emit("on-focus", e)
         },

      },
   };
</script>

<style lang="less" scoped>
   .oi-form-input-number {
      border: 1px solid #d5d5d5;
            width: calc(100%- 6rpx);
      border-radius: 6px !important;
      padding: 3rpx;
      width: 100%;

      .input-disabled {
         background-color: #f3f3f3 !important;
      }
@@ -65,8 +66,9 @@
         transition-duration: 0.1s;
         vertical-align: middle;
      }
   }
   .oi-form-input-number:hover {
      border: 1px solid rgb(41, 121, 255);

      .oi-input-number:hover {
         border: 1px solid rgb(41, 121, 255);
      }
   }
</style>