526互联

elementplus vue 范围输入框

发布时间 2023-06-25 16:51:32作者: yjxQWQ
 <div class="fv-row mb-7">
        <label class="fs-6 fw-semobold mb-2">{{ t("Numberofgroups") }}</label>

        <el-form-item prop="formInline.group">
          <el-input
            class="line"
            style="width: 50%"
            v-model="store.formInline.group[0]"
            type="text"
            :placeholder="t('Numberofgroups')"
          >
            <template #prepend>{{ t("Numberofgroups") }}</template>
          </el-input>

          <el-input
            class="line"
            style="width: 50%"
            v-model="store.formInline.group[1]"
            type="text"
            :placeholder="t('Numberofgroups')"
          >
            <template #prepend>To</template>
          </el-input>
        </el-form-item>
      </div>


:deep .line .el-input-group__prepend {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

:deep .el-input-group--prepend > .el-input__wrapper {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


  const formInline = reactive({
    state: "进行中",
    label: "",
    workbench: "",
    beworkbench: "",
    BM: "",
    constrained: "",
    number: [null, null],
    bmnumber: [null, null],
    homenumber: [null, null],
    group: [null, null],
    import: "",
  });