【更新】前端界面数字滑动条统一更换为数字输入框

pull/90/head
小诺 2023-03-12 01:55:07 +08:00 committed by 俞宝山
parent aea1fac10b
commit 41d8a234a3
18 changed files with 28 additions and 32 deletions

View File

@ -40,7 +40,7 @@
</a-select>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
<a-form-item label="指定主管:" name="directorId">
<a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)"></a-button>
@ -65,15 +65,13 @@
</template>
<script setup name="bizOrgForm">
import { required, rules } from '@/utils/formRules'
import { message } from 'ant-design-vue'
import { required } from '@/utils/formRules'
import bizOrgApi from '@/api/biz/bizOrgApi'
import { getCurrentInstance } from 'vue'
import userSelectorPlus from '@/components/Selector/userSelectorPlus.vue'
import tool from '@/utils/tool'
// emit
const emit = defineEmits({ successful: null })
const { proxy } = getCurrentInstance()
//
let visible = $ref(false)
let UserSelectorPlus = ref()
@ -124,7 +122,7 @@
sortCode: [required('请选择排序')]
}
//
let orgCategoryOptions = proxy.$TOOL.dictList('ORG_CATEGORY')
const orgCategoryOptions = tool.dictList('ORG_CATEGORY')
//
const openSelector = (id) => {
let checkedUserIds = []

View File

@ -40,7 +40,7 @@
</a-select>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>
@ -52,14 +52,12 @@
<script setup name="bizPositionForm">
import { required } from '@/utils/formRules'
import { getCurrentInstance } from 'vue'
import { message } from 'ant-design-vue'
import bizOrgApi from '@/api/biz/bizOrgApi'
import bizPositionApi from '@/api/biz/bizPositionApi'
import tool from '@/utils/tool'
// emit
const emit = defineEmits({ successful: null })
const { proxy } = getCurrentInstance()
//
let visible = $ref(false)
const formRef = ref()
@ -101,7 +99,7 @@
category: [required('请选择岗位分类')],
sortCode: [required('请选择排序')]
}
let positionCategoryOptions = proxy.$TOOL.dictList('POSITION_CATEGORY')
const positionCategoryOptions = tool.dictList('POSITION_CATEGORY')
//
const onSubmit = () => {
formRef.value

View File

@ -330,12 +330,12 @@
<script setup>
import bizUserApi from '@/api/biz/bizUserApi'
import { required, rules } from '@/utils/formRules'
import { required } from '@/utils/formRules'
import tool from '@/utils/tool'
//
let visible = $ref(false)
const formRef = ref()
const activeTabsKey = ref('1')
const { proxy } = getCurrentInstance()
const emit = defineEmits({ successful: null })
const formLoading = ref(false)
const treeData = ref([])
@ -514,13 +514,13 @@
})
}
//
const genderOptions = proxy.$TOOL.dictList('GENDER')
const genderOptions = tool.dictList('GENDER')
//
const nationOptions = proxy.$TOOL.dictList('NATION')
const nationOptions = tool.dictList('NATION')
//
const idcardTypeOptions = proxy.$TOOL.dictList('IDCARD_TYPE')
const idcardTypeOptions = tool.dictList('IDCARD_TYPE')
//
const cultureLevelOptions = proxy.$TOOL.dictList('CULTURE_LEVEL')
const cultureLevelOptions = tool.dictList('CULTURE_LEVEL')
//
defineExpose({

View File

@ -23,7 +23,7 @@
<a-input v-model:value="formData.remark" placeholder="请输入备注" allow-clear />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-munber style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -39,7 +39,7 @@
/>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -22,7 +22,7 @@
<cron v-model:modelValue="formData.cronExpression" />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -156,7 +156,7 @@
</a-col>
<a-col :span="8">
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" style="width: 100%" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-col>
</a-row>

View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" :min="0" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" :min="0" />
</a-form-item>
</a-form>
</a-modal>

View File

@ -64,7 +64,7 @@
<a-radio-group v-model:value="formData.status" placeholder="请选择可用状态" :options="statusOptions" />
</a-form-item>
<a-form-item label="排序码:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="1000" style="width: 100%" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="1000" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -20,7 +20,7 @@
<color-picker v-model:value="formData.color" />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -39,7 +39,7 @@
/>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
<a-form-item label="指定主管:" name="directorId">
<a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)"></a-button>

View File

@ -39,7 +39,7 @@
/>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" :min="0" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" :min="0" />
</a-form-item>
</a-form>
</a-modal>

View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入字段驼峰编码" allow-clear />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" :min="0" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" :min="0" />
</a-form-item>
</a-form>
</a-modal>

View File

@ -87,7 +87,7 @@
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)"></a-button>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -20,7 +20,7 @@
<color-picker v-model:value="formData.color" />
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -69,7 +69,7 @@
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)"></a-button>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>

View File

@ -39,7 +39,7 @@
/>
</a-form-item>
<a-form-item label="排序:" name="sortCode">
<a-slider v-model:value="formData.sortCode" :max="100" />
<a-input-number style="width: 100%" v-model:value="formData.sortCode" :max="100" />
</a-form-item>
</a-form>
<template #footer>