input 加减_ico

 

 

 

<a-input class="input-center-met" v-model:value="form.name1">
              <template #prefix>
                <div class="flex items-center">
                  <div class="number-btn auto" @click="addAndSubtract('name1', 2, 100)">
                    <PubSvgIcon name="minus-icon" size="1rem" />100
                  </div>
                  <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 10)">
                    <PubSvgIcon name="minus-icon" size="1rem" />10
                  </div>
                  <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 1)">
                    <PubSvgIcon name="minus-icon" size="1rem" />1
                  </div>
                </div>
              </template>
              <template #suffix>
                <div class="flex items-center">
                  <div class="number-btn auto" @click="addAndSubtract('name1', 1, 1)">
                    <PubSvgIcon name="add-icon" size="1rem" />1
                  </div>
                  <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 10)">
                    <PubSvgIcon name="add-icon" size="1rem" />10
                  </div>
                  <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 100)">
                    <PubSvgIcon name="add-icon" size="1rem" />100
                  </div>
                </div>
              </template>
            </a-input>
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
// 加减法(1加/2减)
function addAndSubtract(field: string, type: number, value: number = 1) {
  const fieldValue = Number(form.value[field]);
  if (type === 1) {
    if (value === 0.1) {
      form.value[field] = (fieldValue + value).toFixed(2);

    } else {
      form.value[field] = (fieldValue + value)
    }
  }
  else {
    if (value === 0.1) {
      form.value[field] = (fieldValue - value).toFixed(2);

    } else {
      form.value[field] = (fieldValue - value)
    }

  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.