DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

缩小表单尺寸

Browse Source
This commit is contained in:
砂糖
2025-08-25 11:46:03 +08:00
parent 421a856767
commit 819d3d2e59
38 changed files with 329 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
klp-ui/src/assets/styles/btn.scss
View File

@@ -41,11 +41,11 @@
@include colorBtn($yellow)
}
.pan-btn {
.el-button.pan-btn {
font-size: 14px;
color: #fff;
padding: 14px 36px;
border-radius: 8px;
padding: 4px !important;
border-radius: 4px;
border: none;
outline: none;
transition: 600ms ease all;
@@ -81,7 +81,7 @@
}
}
.custom-button {
.el-button.custom-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
@@ -93,7 +93,7 @@
box-sizing: border-box;
outline: 0;
margin: 0;
padding: 10px 15px;
padding: 2px !important;
font-size: 14px;
border-radius: 4px;
border-radius: 2px;
}

114
klp-ui/src/assets/styles/element-ui.scss
View File

@@ -1,6 +1,5 @@
/* 基础变量定义 - 工业风浅色配色 */
:root {
--primary-color: #3c6382; /* 深蓝色作为主色调，体现工业感 */
--secondary-color: #78909c; /* 辅助色 */
--accent-color: #e67e22; /* 强调色，用于突出按钮和重要操作 */
--background-color: #f5f7fa; /* 浅色背景 */
@@ -11,6 +10,9 @@
--spacing-sm: 4px;
--spacing-md: 8px;
--spacing-lg: 16px;
--spacing-base: 8px; /* 基础间距，表单、表格统一用这个值做倍数调整 */
--form-item-margin: var(--spacing-base); /* 表单项底部间距 */
--btn-height: 20px; /* 按钮统一高度 */
}
/* 全局样式调整 */
@@ -45,16 +47,6 @@ body {
transition: all 0.2s ease;
}
.el-button--primary {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.el-button--primary:hover {
background-color: #2c3e50;
border-color: #2c3e50;
}
.el-button--success {
background-color: #2ecc71;
border-color: #2ecc71;
@@ -66,7 +58,7 @@ body {
}
.el-button--mini {
padding: 3px 8px;
padding: 2px 4px;
font-size: 12px;
}
@@ -92,11 +84,12 @@ body {
.el-table {
border: 1px solid var(--border-color);
border-radius: 2px;
margin-top: 0 !important;
}
.el-table th,
.el-table td {
padding: 8px 10px;
padding: 2px 4px;
font-size: 13px;
}
@@ -241,13 +234,16 @@ body {
.cell {
padding: 0 10px;
text-align: center;
.el-tag {
margin-right: 0px;
}
}
}
.el-tag {
margin-right: 0px;
padding: 1px !important;
height: auto !important;
border-radius: 0 !important;
}
.cell {
.el-tag {
margin-right: 0px;
@@ -277,6 +273,88 @@ body {
line-height: 30px;
}
.pagination-container {
div.pagination-container {
background-color: transparent !important;
padding: 0 !important;
.el-pagination {
padding: 0 !important;
margin: 0 !important;
}
}
.el-table--medium .el-table__cell {
padding: 0 !important;
}
.el-table--mini .el-table__cell {
padding: 0 !important;
}
.el-table .el-table__header-wrapper th,
.el-table .el-table__fixed-header-wrapper th {
height: auto;
padding: 0 !important;
}
/* 【优化】表单项整体布局：压缩间距、对齐标签 */
.el-form-item {
margin-bottom: var(--form-item-margin) !important;
/* 让标签和表格列头对齐，可根据实际需求微调 */
label-align: right;
}
/* 【优化】表单标签：缩小文字大小，匹配表格列头 */
.el-form-item__label {
font-size: 13px;
padding-right: var(--spacing-base);
}
/* 【优化】表单输入框：统一高度、压缩内边距 */
.el-input__inner,
.el-textarea__inner,
.el-select .el-input__inner {
height: var(--btn-height);
padding: 0 var(--spacing-base);
font-size: 13px;
}
/* 【优化】表格与表单的间距：避免表单和表格贴太近 */
.el-table {
margin-top: calc(var(--form-item-margin) * 2);
}
/* 【补充】搜索按钮组：如果是 inline 布局，强制对齐 */
.search-form .el-form-item {
display: inline-block;
margin-right: var(--spacing-base);
vertical-align: middle;
}
/* 【补充】适配原有工具类，让紧凑度更统一 */
.small-padding .cell {
padding-left: calc(var(--spacing-base)/2);
padding-right: calc(var(--spacing-base)/2);
}
.el-input {
height: var(--btn-height);
}
.el-input--small .el-input__inner,
.el-input--medium .el-input__inner {
height: var(--btn-height);
line-height: var(--btn-height);
}
// .el-input-number--medium .el-input-number__increase,
// .el-input-number--medium .el-input-number__decrease {
// height: calc(var(--btn-height) - 2px);
// line-height: calc(var(--btn-height) - 2px);
// }
.el-input--medium .el-input__icon {
line-height: var(--btn-height);
}

5
klp-ui/src/assets/styles/sidebar.scss
View File

@@ -86,6 +86,7 @@
& .theme-dark .is-active > .el-submenu__title {
color: $base-menu-color-active !important;
// border-right: 3px solid $base-menu-color-active !important;
}
& .nest-menu .el-submenu>.el-submenu__title,
@@ -225,3 +226,7 @@
}
}
}
.el-menu-item.is-active {
border-left: 4px solid !important;
}

1
klp-ui/src/components/Breadcrumb/index.vue
View File

@@ -65,6 +65,7 @@ export default {
font-size: 14px;
line-height: 50px;
margin-left: 8px;
padding: 0;
.no-redirect {
color: #97a8be;

10
klp-ui/src/components/Crontab/day.vue
View File

@@ -15,23 +15,23 @@
<el-form-item>
<el-radio v-model='radioValue' :label="3">
周期从
<el-input-number v-model='cycle01' :min="1" :max="30" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> 日
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min="1" :max="30" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 2" :max="31" /> 日
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="4">
从
<el-input-number v-model='average01' :min="1" :max="30" /> 号开始，每
<el-input-number v-model='average02' :min="1" :max="31 - average01 || 1" /> 日执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min="1" :max="30" /> 号开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="31 - average01 || 1" /> 日执行一次
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="5">
每月
<el-input-number v-model='workday' :min="1" :max="31" /> 号最近的那个工作日
<el-input-number :controls=false controls-position="right" v-model='workday' :min="1" :max="31" /> 号最近的那个工作日
</el-radio>
</el-form-item>

8
klp-ui/src/components/Crontab/hour.vue
View File

@@ -9,16 +9,16 @@
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="22" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 小时
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min="0" :max="22" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="23" /> 小时
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="22" /> 小时开始，每
<el-input-number v-model='average02' :min="1" :max="23 - average01 || 0" /> 小时执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min="0" :max="22" /> 小时开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="23 - average01 || 0" /> 小时执行一次
</el-radio>
</el-form-item>

8
klp-ui/src/components/Crontab/min.vue
View File

@@ -9,16 +9,16 @@
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="58" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 分钟
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min="0" :max="58" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 分钟
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="58" /> 分钟开始，每
<el-input-number v-model='average02' :min="1" :max="59 - average01 || 0" /> 分钟执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min="0" :max="58" /> 分钟开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="59 - average01 || 0" /> 分钟执行一次
</el-radio>
</el-form-item>

8
klp-ui/src/components/Crontab/month.vue
View File

@@ -9,16 +9,16 @@
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="1" :max="11" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> 月
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min="1" :max="11" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 2" :max="12" /> 月
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="1" :max="11" /> 月开始，每
<el-input-number v-model='average02' :min="1" :max="12 - average01 || 0" /> 月月执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min="1" :max="11" /> 月开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="12 - average01 || 0" /> 月月执行一次
</el-radio>
</el-form-item>

8
klp-ui/src/components/Crontab/second.vue
View File

@@ -9,16 +9,16 @@
<el-form-item>
<el-radio v-model='radioValue' :label="2">
周期从
<el-input-number v-model='cycle01' :min="0" :max="58" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 秒
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min="0" :max="58" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : 1" :max="59" /> 秒
</el-radio>
</el-form-item>
<el-form-item>
<el-radio v-model='radioValue' :label="3">
从
<el-input-number v-model='average01' :min="0" :max="58" /> 秒开始，每
<el-input-number v-model='average02' :min="1" :max="59 - average01 || 0" /> 秒执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min="0" :max="58" /> 秒开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="59 - average01 || 0" /> 秒执行一次
</el-radio>
</el-form-item>

2
klp-ui/src/components/Crontab/week.vue
View File

@@ -40,7 +40,7 @@
<el-form-item>
<el-radio v-model='radioValue' :label="4">
第
<el-input-number v-model='average01' :min="1" :max="4" /> 周的星期
<el-input-number :controls=false controls-position="right" v-model='average01' :min="1" :max="4" /> 周的星期
<el-select clearable v-model="average02">
<el-option v-for="(item,index) of weekList" :key="index" :label="item.value" :value="item.key">{{item.value}}</el-option>
</el-select>

8
klp-ui/src/components/Crontab/year.vue
View File

@@ -15,16 +15,16 @@
<el-form-item>
<el-radio :label="3" v-model='radioValue'>
周期从
<el-input-number v-model='cycle01' :min='fullYear' :max="2098" /> -
<el-input-number v-model='cycle02' :min="cycle01 ? cycle01 + 1 : fullYear + 1" :max="2099" />
<el-input-number :controls=false controls-position="right" v-model='cycle01' :min='fullYear' :max="2098" /> -
<el-input-number :controls=false controls-position="right" v-model='cycle02' :min="cycle01 ? cycle01 + 1 : fullYear + 1" :max="2099" />
</el-radio>
</el-form-item>
<el-form-item>
<el-radio :label="4" v-model='radioValue'>
从
<el-input-number v-model='average01' :min='fullYear' :max="2098"/> 年开始，每
<el-input-number v-model='average02' :min="1" :max="2099 - average01 || fullYear" /> 年执行一次
<el-input-number :controls=false controls-position="right" v-model='average01' :min='fullYear' :max="2098"/> 年开始，每
<el-input-number :controls=false controls-position="right" v-model='average02' :min="1" :max="2099 - average01 || fullYear" /> 年执行一次
</el-radio>
</el-form-item>

4
klp-ui/src/components/KLPService/WarehouseTree/index.vue
View File

@@ -56,7 +56,7 @@ export default {
};
</script>
<style scoped>
<!-- <style scoped>
.stock-tree-card {
height: 100%;
border: none;
@@ -72,4 +72,4 @@ export default {
max-height: 80vh;
overflow-y: auto;
}
</style>
</style> -->

148
klp-ui/src/components/KLPUI/KLPTable/index.vue Normal file
View File

@@ -0,0 +1,148 @@
<template>
<div class="base-table">
<!-- 给内部表格添加ref，方便暴露 -->
<el-table
ref="internalTable"
v-bind="$attrs"
v-on="$listeners"
:data="data"
:loading="loading"
>
<!-- 通过配置数组渲染列 -->
<template v-for="(column, index) in columns">
<el-table-column
v-if="column.visible !== false"
v-bind="column"
>
<!-- 列的自定义内容插槽 -->
<template v-if="column.slot" #default="scope">
<slot :name="column.slot" :scope="scope"></slot>
</template>
<!-- 表头自定义内容 -->
<template v-if="column.headerSlot" #header>
<slot :name="column.headerSlot"></slot>
</template>
</el-table-column>
</template>
<!-- 操作列 -->
<el-table-column
v-if="showActionColumn"
:label="actionColumnLabel"
:width="actionColumnWidth"
:fixed="actionColumnFixed"
:align="actionColumnAlign"
>
<template #default="scope">
<slot name="action" :scope="scope"></slot>
</template>
</el-table-column>
<!-- 原生插槽，支持直接写el-table-column -->
<slot></slot>
</el-table>
</div>
</template>
<script>
export default {
name: 'BaseTable',
props: {
// 表格数据
data: {
type: Array,
default: () => []
},
// 列配置数组
columns: {
type: Array,
default: () => []
},
// 是否显示加载状态
loading: {
type: Boolean,
default: false
},
// 是否显示操作列
showActionColumn: {
type: Boolean,
default: false
},
// 操作列标题
actionColumnLabel: {
type: String,
default: '操作'
},
// 操作列宽度
actionColumnWidth: {
type: Number,
default: 150
},
// 操作列固定方式
actionColumnFixed: {
type: String,
default: 'right'
},
// 操作列内容对齐方式
actionColumnAlign: {
type: String,
default: 'center'
}
},
// 暴露内部表格的方法和属性
methods: {
/**
* 获取内部el-table实例
*/
getTableInstance() {
return this.$refs.internalTable
},
/**
* 代理el-table的常用方法，方便直接调用
*/
clearSelection() {
if (this.$refs.internalTable) {
this.$refs.internalTable.clearSelection()
}
},
toggleRowSelection(row, selected) {
if (this.$refs.internalTable) {
this.$refs.internalTable.toggleRowSelection(row, selected)
}
},
toggleAllSelection() {
if (this.$refs.internalTable) {
this.$refs.internalTable.toggleAllSelection()
}
},
doLayout() {
if (this.$refs.internalTable) {
this.$refs.internalTable.doLayout()
}
},
sort(prop, order) {
if (this.$refs.internalTable) {
this.$refs.internalTable.sort(prop, order)
}
}
},
// 提供一个$refs的代理，方便访问内部表格
mounted() {
// 可以在这里添加一些初始化逻辑
}
}
</script>
<style scoped>
.base-table {
width: 100%;
box-sizing: border-box;
}
</style>

3
klp-ui/src/components/Pagination/index.vue
View File

@@ -8,6 +8,7 @@
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
small
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@@ -46,7 +47,7 @@ export default {
},
layout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper'
default: 'total, sizes, prev, pager, next'
},
background: {
type: Boolean,

3
klp-ui/src/main.js
View File

@@ -39,6 +39,7 @@ import DictTag from '@/components/DictTag'
import VueMeta from 'vue-meta'
// 字典数据组件
import DictData from '@/components/DictData'
import KLPTable from '@/components/KLPUI/KLPTable/index.vue'
// 全局方法挂载
Vue.prototype.getDicts = getDicts
@@ -60,7 +61,7 @@ Vue.component('Editor', Editor)
Vue.component('FileUpload', FileUpload)
Vue.component('ImageUpload', ImageUpload)
Vue.component('ImagePreview', ImagePreview)
Vue.component('KLPTable', KLPTable)
Vue.use(vueFlvPlayer)
Vue.use(directive)

2
klp-ui/src/views/finance/pay/index.vue
View File

@@ -156,7 +156,7 @@
<el-dialog title="付款" :visible.sync="payOpen" width="500px" append-to-body>
<el-form ref="payForm" :model="payForm" :rules="rules" label-width="80px">
<el-form-item label="付款金额" prop="amount">
<el-input-number v-model="payForm.amount" :step="1.00" :precision="2" placeholder="请输入付款金额" :min="0" :max="payForm.balanceAmount" style="width: 100%;"/>
<el-input-number :controls=false controls-position="right" v-model="payForm.amount" :step="1.00" :precision="2" placeholder="请输入付款金额" :min="0" :max="payForm.balanceAmount" style="width: 100%;"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">

2
klp-ui/src/views/finance/receive/index.vue
View File

@@ -156,7 +156,7 @@
<el-dialog title="收款" :visible.sync="receiveOpen" width="500px" append-to-body>
<el-form ref="receiveForm" :model="receiveForm" :rules="rules" label-width="80px">
<el-form-item label="收款金额" prop="amount">
<el-input-number v-model="receiveForm.amount" :step="1.00" :precision="2" placeholder="请输入收款金额" :min="0" :max="receiveForm.balanceAmount" style="width: 100%;"/>
<el-input-number :controls=false controls-position="right" v-model="receiveForm.amount" :step="1.00" :precision="2" placeholder="请输入收款金额" :min="0" :max="receiveForm.balanceAmount" style="width: 100%;"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">

2
klp-ui/src/views/mes/dv/checkplan/index.vue
View File

@@ -207,7 +207,7 @@
<el-col :span="8">
<el-form-item label="频率" prop="cycleCount">
<el-tooltip content="这里的频率指的是每隔多长周期进行一次点检或保养，例如每隔1个月进行一次点检，则频率为1 月。">
<el-input-number :min="1" :max="99999999" :step="1" v-model="form.cycleCount" placeholder="请输入次数" />
<el-input-number :controls=false controls-position="right" :min="1" :max="99999999" :step="1" v-model="form.cycleCount" placeholder="请输入次数" />
</el-tooltip>
</el-form-item>
</el-col>

2
klp-ui/src/views/system/dept/index.vue
View File

@@ -114,7 +114,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="显示排序" prop="orderNum">
<el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.orderNum" :min="0" />
</el-form-item>
</el-col>
</el-row>

2
klp-ui/src/views/system/dict/data.vue
View File

@@ -156,7 +156,7 @@
<el-input v-model="form.cssClass" placeholder="请输入样式属性" />
</el-form-item>
<el-form-item label="显示排序" prop="dictSort">
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.dictSort" :min="0" />
</el-form-item>
<el-form-item label="回显样式" prop="listClass">
<el-select v-model="form.listClass">

2
klp-ui/src/views/system/menu/index.vue
View File

@@ -154,7 +154,7 @@
</el-col>
<el-col :span="12">
<el-form-item label="显示排序" prop="orderNum">
<el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.orderNum" :min="0" />
</el-form-item>
</el-col>
<el-col :span="12" v-if="form.menuType != 'F'">

2
klp-ui/src/views/system/post/index.vue
View File

@@ -133,7 +133,7 @@
<el-input v-model="form.postCode" placeholder="请输入编码名称" />
</el-form-item>
<el-form-item label="岗位顺序" prop="postSort">
<el-input-number v-model="form.postSort" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.postSort" :min="0" />
</el-form-item>
<el-form-item label="岗位状态" prop="status">
<el-radio-group v-model="form.status">

2
klp-ui/src/views/system/role/index.vue
View File

@@ -172,7 +172,7 @@
<el-input v-model="form.roleKey" placeholder="请输入权限字符" />
</el-form-item>
<el-form-item label="角色顺序" prop="roleSort">
<el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.roleSort" :min="0" />
</el-form-item>
<el-form-item label="状态">
<el-radio-group v-model="form.status">

22
klp-ui/src/views/tool/build/RightPanel.vue
View File

@@ -53,7 +53,7 @@
<el-slider v-model="activeData.__config__.span" :max="24" :min="1" :marks="{12:''}" @change="spanChange" />
</el-form-item>
<el-form-item v-if="activeData.__config__.layout==='rowFormItem'&&activeData.gutter!==undefined" label="栅格间隔">
<el-input-number v-model="activeData.gutter" :min="0" placeholder="栅格间隔" />
<el-input-number :controls=false controls-position="right" v-model="activeData.gutter" :min="0" placeholder="栅格间隔" />
</el-form-item>
<el-form-item v-if="activeData.__config__.layout==='rowFormItem'&&activeData.type!==undefined" label="布局模式">
<el-radio-group v-model="activeData.type">
@@ -92,7 +92,7 @@
/>
</el-form-item>
<el-form-item v-if="activeData.__config__.tag==='el-checkbox-group'" label="至少应选">
<el-input-number
<el-input-number :controls=false controls-position="right"
:value="activeData.min"
:min="0"
placeholder="至少应选"
@@ -100,7 +100,7 @@
/>
</el-form-item>
<el-form-item v-if="activeData.__config__.tag==='el-checkbox-group'" label="最多可选">
<el-input-number
<el-input-number :controls=false controls-position="right"
:value="activeData.max"
:min="0"
placeholder="最多可选"
@@ -141,25 +141,25 @@
<el-input v-model="activeData.separator" placeholder="请输入选项分隔符" />
</el-form-item>
<el-form-item v-if="activeData.autosize !== undefined" label="最小行数">
<el-input-number v-model="activeData.autosize.minRows" :min="1" placeholder="最小行数" />
<el-input-number :controls=false controls-position="right" v-model="activeData.autosize.minRows" :min="1" placeholder="最小行数" />
</el-form-item>
<el-form-item v-if="activeData.autosize !== undefined" label="最大行数">
<el-input-number v-model="activeData.autosize.maxRows" :min="1" placeholder="最大行数" />
<el-input-number :controls=false controls-position="right" v-model="activeData.autosize.maxRows" :min="1" placeholder="最大行数" />
</el-form-item>
<el-form-item v-if="isShowMin" label="最小值">
<el-input-number v-model="activeData.min" placeholder="最小值" />
<el-input-number :controls=false controls-position="right" v-model="activeData.min" placeholder="最小值" />
</el-form-item>
<el-form-item v-if="isShowMax" label="最大值">
<el-input-number v-model="activeData.max" placeholder="最大值" />
<el-input-number :controls=false controls-position="right" v-model="activeData.max" placeholder="最大值" />
</el-form-item>
<el-form-item v-if="activeData.height!==undefined" label="组件高度">
<el-input-number v-model="activeData.height" placeholder="高度" @input="changeRenderKey" />
<el-input-number :controls=false controls-position="right" v-model="activeData.height" placeholder="高度" @input="changeRenderKey" />
</el-form-item>
<el-form-item v-if="isShowStep" label="步长">
<el-input-number v-model="activeData.step" placeholder="步数" />
<el-input-number :controls=false controls-position="right" v-model="activeData.step" placeholder="步数" />
</el-form-item>
<el-form-item v-if="activeData.__config__.tag === 'el-input-number'" label="精度">
<el-input-number v-model="activeData.precision" :min="0" placeholder="精度" />
<el-input-number :controls=false controls-position="right" v-model="activeData.precision" :min="0" placeholder="精度" />
</el-form-item>
<el-form-item v-if="activeData.__config__.tag === 'el-input-number'" label="按钮位置">
<el-radio-group v-model="activeData['controls-position']">
@@ -619,7 +619,7 @@
<el-input v-model.number="formConf.labelWidth" type="number" placeholder="请输入标签宽度" />
</el-form-item>
<el-form-item label="栅格间隔">
<el-input-number v-model="formConf.gutter" :min="0" placeholder="栅格间隔" />
<el-input-number :controls=false controls-position="right" v-model="formConf.gutter" :min="0" placeholder="栅格间隔" />
</el-form-item>
<el-form-item label="禁用表单">
<el-switch v-model="formConf.disabled" />

2
klp-ui/src/views/wms/order/dashboard.vue
View File

@@ -56,7 +56,7 @@
<el-switch v-model="autoRefresh" />
</el-form-item>
<el-form-item label="刷新间隔(秒)">
<el-input-number v-model="refreshInterval" :min="5" :max="3600" :step="1" :disabled="!autoRefresh" />
<el-input-number :controls=false controls-position="right" v-model="refreshInterval" :min="5" :max="3600" :step="1" :disabled="!autoRefresh" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="saveRefreshSetting">保存</el-button>

4
klp-ui/src/views/wms/order/index.vue
View File

@@ -159,10 +159,10 @@
<el-input v-model="form.salesManager" placeholder="请输入销售经理" />
</el-form-item>
<el-form-item label="含税金额" prop="taxAmount">
<el-input-number v-model="form.taxAmount" placeholder="请输入含税金额" />
<el-input-number :controls=false controls-position="right" v-model="form.taxAmount" placeholder="请输入含税金额" />
</el-form-item>
<el-form-item label="无税金额" prop="noTaxAmount">
<el-input-number v-model="form.noTaxAmount" placeholder="请输入无税金额" />
<el-input-number :controls=false controls-position="right" v-model="form.noTaxAmount" placeholder="请输入无税金额" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />

4
klp-ui/src/views/wms/order/panels/detail.vue
View File

@@ -122,10 +122,10 @@
<el-input v-model="form.unit" placeholder="单位" :disabled="true" />
</el-form-item>
<el-form-item label="含税单价" prop="taxPrice">
<el-input-number v-model="form.taxPrice" placeholder="请输入含税单价" />
<el-input-number :controls=false controls-position="right" v-model="form.taxPrice" placeholder="请输入含税单价" />
</el-form-item>
<el-form-item label="无税单价" prop="noTaxPrice">
<el-input-number v-model="form.noTaxPrice" placeholder="请输入无税单价" :min="0" :max="form.taxPrice" />
<el-input-number :controls=false controls-position="right" v-model="form.noTaxPrice" placeholder="请输入无税单价" :min="0" :max="form.taxPrice" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />

4
klp-ui/src/views/wms/order/pre.vue
View File

@@ -156,10 +156,10 @@
<el-input v-model="form.salesManager" placeholder="请输入销售经理" />
</el-form-item>
<el-form-item label="含税金额" prop="taxAmount">
<el-input-number v-model="form.taxAmount" placeholder="请输入含税金额" />
<el-input-number :controls=false controls-position="right" v-model="form.taxAmount" placeholder="请输入含税金额" />
</el-form-item>
<el-form-item label="无税金额" prop="noTaxAmount">
<el-input-number v-model="form.noTaxAmount" placeholder="请输入无税金额" />
<el-input-number :controls=false controls-position="right" v-model="form.noTaxAmount" placeholder="请输入无税金额" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />

2
klp-ui/src/views/wms/order/status.vue
View File

@@ -115,7 +115,7 @@
<el-input v-model="form.cssClass" placeholder="请输入样式属性" />
</el-form-item>
<el-form-item label="显示排序" prop="dictSort">
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.dictSort" :min="0" />
</el-form-item>
<el-form-item label="回显样式" prop="listClass">
<el-select v-model="form.listClass">

2
klp-ui/src/views/wms/print/index.vue
View File

@@ -139,7 +139,7 @@
<el-row :gutter="8">
<el-col :span="12">
<el-form-item label="物料数量" :error="getError(cfg, 'count')" class="form-item">
<el-input-number v-model="cfg.count" :min="1" :max="100" size="mini" placeholder="请输入数量" />
<el-input-number :controls=false controls-position="right" v-model="cfg.count" :min="1" :max="100" size="mini" placeholder="请输入数量" />
</el-form-item>
</el-col>
</el-row>

2
klp-ui/src/views/wms/purchasePlan/panels/CreatePurchasePanel.vue
View File

@@ -43,7 +43,7 @@
<el-table-column prop="demand" label="所需" />
<el-table-column prop="quantity" label="计划采购数">
<template #default="scope">
<el-input-number v-model="scope.row.quantity" :min="0" size="small" />
<el-input-number :controls=false controls-position="right" v-model="scope.row.quantity" :min="0" size="small" />
</template>
</el-table-column>
<el-table-column prop="owner" label="负责人">

2
klp-ui/src/views/wms/purchasePlan/panels/transfer.vue
View File

@@ -81,7 +81,7 @@
<el-table-column prop="demand" label="所需" />
<el-table-column prop="quantity" label="计划采购数">
<template #default="scope">
<el-input-number v-model="scope.row.quantity" :min="0" size="small" />
<el-input-number :controls=false controls-position="right" v-model="scope.row.quantity" :min="0" size="small" />
</template>
</el-table-column>
<el-table-column prop="owner" label="负责人">

2
klp-ui/src/views/wms/purchasePlan/status.vue
View File

@@ -115,7 +115,7 @@
<el-input v-model="form.cssClass" placeholder="请输入样式属性" />
</el-form-item>
<el-form-item label="显示排序" prop="dictSort">
<el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
<el-input-number :controls=false controls-position="right" v-model="form.dictSort" :min="0" />
</el-form-item>
<el-form-item label="回显样式" prop="listClass">
<el-select v-model="form.listClass">

2
klp-ui/src/views/wms/stock/panels/stockIo.vue
View File

@@ -30,7 +30,7 @@
<el-table-column prop="itemName" label="物料" />
<el-table-column prop="quantity" label="数量" width="200">
<template slot-scope="scope">
<el-input-number v-model="scope.row.count" :min="0" :step="1" :max="scope.row.quantity" />
<el-input-number :controls=false controls-position="right" v-model="scope.row.count" :min="0" :step="1" :max="scope.row.quantity" />
</template>
</el-table-column>
<el-table-column prop="unit" label="单位" />

10
klp-ui/src/views/wms/stockIo/panels/barcode.vue
View File

@@ -20,10 +20,10 @@
<el-form v-if="activeTab==='layout'" label-width="80px" size="small" label-position="top">
<!-- 排版设置内容保持不变 -->
<el-form-item label="每行数量">
<el-input-number v-model="perRow" size="mini" :min="1" :max="10" />
<el-input-number :controls=false controls-position="right" v-model="perRow" size="mini" :min="1" :max="10" />
</el-form-item>
<el-form-item label="二维码尺寸">
<el-input-number v-model="barcodeWidth" size="mini" :min="60" :max="600" />
<el-input-number :controls=false controls-position="right" v-model="barcodeWidth" size="mini" :min="60" :max="600" />
</el-form-item>
<el-form-item label="纸张尺寸">
<el-select v-model="paperSize" placeholder="请选择纸张尺寸" style="width: 160px">
@@ -34,10 +34,10 @@
</el-select>
</el-form-item>
<el-form-item v-if="paperSize==='custom'" label="自定义宽度(mm)">
<el-input-number v-model="customPaperWidth" size="mini" :min="50" :max="500" />
<el-input-number :controls=false controls-position="right" v-model="customPaperWidth" size="mini" :min="50" :max="500" />
</el-form-item>
<el-form-item v-if="paperSize==='custom'" label="自定义高度(mm)">
<el-input-number v-model="customPaperHeight" size="mini" :min="50" :max="500" />
<el-input-number :controls=false controls-position="right" v-model="customPaperHeight" size="mini" :min="50" :max="500" />
</el-form-item>
<el-form-item label="方向">
<el-radio-group v-model="paperOrientation">
@@ -75,7 +75,7 @@
<el-input disabled type="textarea" v-model="cfg.code" size="mini" :autosize="{ minRows: 1, maxRows: 3 }" placeholder="请输入条码内容" />
</el-form-item>
<el-form-item label="生成数量" label-width="70px" style="margin-bottom: 8px;">
<el-input-number v-model.number="cfg.count" :min="1" :max="100" size="mini" />
<el-input-number :controls=false controls-position="right" v-model.number="cfg.count" :min="1" :max="100" size="mini" />
</el-form-item>
<el-form-item label="下方文字" label-width="70px" style="margin-bottom: 0;">
<el-input type="textarea" v-model="cfg.textTpl" size="mini" placeholder="如 箱号" />

4
klp-ui/src/views/wms/stockIo/panels/returnCreate.vue
View File

@@ -55,8 +55,8 @@
</el-table-column>
<el-table-column label="数量" width="180" align="center" prop="quantity">
<template slot-scope="scope">
<el-input-number style="width: 160px;" v-model="scope.row.count" :max="scope.row.quantity"
placeholder="请输入数量" @input="handleQuantityInput(scope.row)" controls-position="right" />
<el-input-number :controls=false controls-position="right" style="width: 160px;" v-model="scope.row.count" :max="scope.row.quantity"
placeholder="请输入数量" @input="handleQuantityInput(scope.row)" />
</template>
</el-table-column>
</el-table>

2
klp-ui/src/views/wms/work/schedule/index.vue
View File

@@ -19,7 +19,7 @@
</el-select>
</el-form-item>
<el-form-item label="排产数量" prop="quantity">
<el-input-number v-model="detailForm.quantity" disabled :min="0.01" :step="0.01" style="width:100%" />
<el-input-number :controls=false controls-position="right" v-model="detailForm.quantity" disabled :min="0.01" :step="0.01" style="width:100%" />
</el-form-item>
<el-form-item label="计划日期" prop="dateRange">
<el-date-picker v-model="detailForm.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"

2
klp-ui/src/views/wms/work/schedulePlan/detail.vue
View File

@@ -59,7 +59,7 @@
</el-select>
</el-form-item>
<el-form-item label="排产数量" prop="quantity">
<el-input-number v-model="detailForm.quantity" disabled :min="0.01" :step="0.01" style="width:100%" />
<el-input-number :controls=false controls-position="right" v-model="detailForm.quantity" disabled :min="0.01" :step="0.01" style="width:100%" />
</el-form-item>
<el-form-item label="计划日期" prop="dateRange">
<el-date-picker v-model="detailForm.dateRange" type="daterange" range-separator="至" start-placeholder="开始日期"