gitee/snowy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
小诺 2023-03-12 01:55:07 +08:00 committed by 俞宝山
parent aea1fac10b
commit 41d8a234a3
18 changed files with 28 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
snowy-admin-web/src/views/biz/org/form.vue
View File

@ -40,7 +40,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
<a-form-item label="指定主管：" name="directorId"> <a-form-item label="指定主管：" name="directorId">
<a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)">选择</a-button> <a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)">选择</a-button>
@ -65,15 +65,13 @@
</template> </template>
<script setup name="bizOrgForm"> <script setup name="bizOrgForm">
import { required, rules } from '@/utils/formRules' import { required } from '@/utils/formRules'
import { message } from 'ant-design-vue'
import bizOrgApi from '@/api/biz/bizOrgApi' import bizOrgApi from '@/api/biz/bizOrgApi'
import { getCurrentInstance } from 'vue'
import userSelectorPlus from '@/components/Selector/userSelectorPlus.vue' import userSelectorPlus from '@/components/Selector/userSelectorPlus.vue'
import tool from '@/utils/tool'
// 定义emit事件 // 定义emit事件
const emit = defineEmits({ successful: null }) const emit = defineEmits({ successful: null })
const { proxy } = getCurrentInstance()
// 默认是关闭状态 // 默认是关闭状态
let visible = $ref(false) let visible = $ref(false)
let UserSelectorPlus = ref() let UserSelectorPlus = ref()
@ -124,7 +122,7 @@
sortCode: [required('请选择排序')] sortCode: [required('请选择排序')]
} }
// 机构分类字典 // 机构分类字典
let orgCategoryOptions = proxy.$TOOL.dictList('ORG_CATEGORY') const orgCategoryOptions = tool.dictList('ORG_CATEGORY')
// 打开人员选择器，选择主管 // 打开人员选择器，选择主管
const openSelector = (id) => { const openSelector = (id) => {
let checkedUserIds = [] let checkedUserIds = []

8
snowy-admin-web/src/views/biz/position/form.vue
View File

@ -40,7 +40,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>
@ -52,14 +52,12 @@
<script setup name="bizPositionForm"> <script setup name="bizPositionForm">
import { required } from '@/utils/formRules' import { required } from '@/utils/formRules'
import { getCurrentInstance } from 'vue'
import { message } from 'ant-design-vue'
import bizOrgApi from '@/api/biz/bizOrgApi' import bizOrgApi from '@/api/biz/bizOrgApi'
import bizPositionApi from '@/api/biz/bizPositionApi' import bizPositionApi from '@/api/biz/bizPositionApi'
import tool from '@/utils/tool'
// 定义emit事件 // 定义emit事件
const emit = defineEmits({ successful: null }) const emit = defineEmits({ successful: null })
const { proxy } = getCurrentInstance()
// 默认是关闭状态 // 默认是关闭状态
let visible = $ref(false) let visible = $ref(false)
const formRef = ref() const formRef = ref()
@ -101,7 +99,7 @@
category: [required('请选择岗位分类')], category: [required('请选择岗位分类')],
sortCode: [required('请选择排序')] sortCode: [required('请选择排序')]
} }
let positionCategoryOptions = proxy.$TOOL.dictList('POSITION_CATEGORY') const positionCategoryOptions = tool.dictList('POSITION_CATEGORY')
// 验证并提交数据 // 验证并提交数据
const onSubmit = () => { const onSubmit = () => {
formRef.value formRef.value

12
snowy-admin-web/src/views/biz/user/form.vue
View File

@ -330,12 +330,12 @@
<script setup> <script setup>
import bizUserApi from '@/api/biz/bizUserApi' 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) let visible = $ref(false)
const formRef = ref() const formRef = ref()
const activeTabsKey = ref('1') const activeTabsKey = ref('1')
const { proxy } = getCurrentInstance()
const emit = defineEmits({ successful: null }) const emit = defineEmits({ successful: null })
const formLoading = ref(false) const formLoading = ref(false)
const treeData = ref([]) 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({ defineExpose({

2
snowy-admin-web/src/views/dev/config/otherConfig/form.vue
View File

@ -23,7 +23,7 @@
<a-input v-model:value="formData.remark" placeholder="请输入备注" allow-clear /> <a-input v-model:value="formData.remark" placeholder="请输入备注" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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-item>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/dev/dict/category/form.vue
View File

@ -39,7 +39,7 @@
/> />
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/dev/job/form.vue
View File

@ -22,7 +22,7 @@
<cron v-model:modelValue="formData.cronExpression" /> <cron v-model:modelValue="formData.cronExpression" />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/gen/basic.vue
View File

@ -156,7 +156,7 @@
</a-col> </a-col>
<a-col :span="8"> <a-col :span="8">
<a-form-item label="排序：" name="sortCode"> <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-form-item>
</a-col> </a-col>
</a-row> </a-row>

2
snowy-admin-web/src/views/mobile/resource/button/form.vue
View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear /> <a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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-item>
</a-form> </a-form>
</a-modal> </a-modal>

2
snowy-admin-web/src/views/mobile/resource/menu/form.vue
View File

@ -64,7 +64,7 @@
<a-radio-group v-model:value="formData.status" placeholder="请选择可用状态" :options="statusOptions" /> <a-radio-group v-model:value="formData.status" placeholder="请选择可用状态" :options="statusOptions" />
</a-form-item> </a-form-item>
<a-form-item label="排序码：" name="sortCode"> <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-item>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/mobile/resource/module/form.vue
View File

@ -20,7 +20,7 @@
<color-picker v-model:value="formData.color" /> <color-picker v-model:value="formData.color" />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/sys/org/form.vue
View File

@ -39,7 +39,7 @@
/> />
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
<a-form-item label="指定主管：" name="directorId"> <a-form-item label="指定主管：" name="directorId">
<a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)">选择</a-button> <a-button type="link" style="padding-left: 0px" @click="openSelector(formData.directorId)">选择</a-button>

2
snowy-admin-web/src/views/sys/position/form.vue
View File

@ -39,7 +39,7 @@
/> />
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/sys/resource/button/form.vue
View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear /> <a-input v-model:value="formData.code" placeholder="请输入按钮编码" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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-item>
</a-form> </a-form>
</a-modal> </a-modal>

2
snowy-admin-web/src/views/sys/resource/field/form.vue
View File

@ -16,7 +16,7 @@
<a-input v-model:value="formData.code" placeholder="请输入字段驼峰编码" allow-clear /> <a-input v-model:value="formData.code" placeholder="请输入字段驼峰编码" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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-item>
</a-form> </a-form>
</a-modal> </a-modal>

2
snowy-admin-web/src/views/sys/resource/menu/form.vue
View File

@ -87,7 +87,7 @@
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button> <a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/sys/resource/module/form.vue
View File

@ -20,7 +20,7 @@
<color-picker v-model:value="formData.color" /> <color-picker v-model:value="formData.color" />
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/sys/resource/spa/form.vue
View File

@ -69,7 +69,7 @@
<a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button> <a-button type="primary" @click="iconSelector.showIconModal(formData.icon)">选择</a-button>
</a-form-item> </a-form-item>
<a-form-item label="排序:" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>

2
snowy-admin-web/src/views/sys/role/form.vue
View File

@ -39,7 +39,7 @@
/> />
</a-form-item> </a-form-item>
<a-form-item label="排序：" name="sortCode"> <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>
</a-form> </a-form>
<template #footer> <template #footer>