bonus
/
bonus-material-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

领用申请样式修正

This commit is contained in:
hongchao 2025-07-04 14:10:22 +08:00
parent 594f7e6759
commit fc0438b76d
2 changed files with 73 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/business/leaseApply.vue
View File

@ -8,9 +8,9 @@
:rule="rules.value" :rule="rules.value"
:border="true" :border="true"
> >
<uni-forms-item label="领用单位" name="unitId" required> <uni-forms-item class="centered-item" label="领用单位" name="unitId" required>
<eselect <eselect
style="width: 100%; height: 90rpx" style="width: 100%; height: 70rpx"
v-model="formData.unitId" v-model="formData.unitId"
ref="treeSelect" ref="treeSelect"
:options="unitList" :options="unitList"
@ -18,9 +18,9 @@
@clear="clearUnit" @clear="clearUnit"
></eselect> ></eselect>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="领用工程" name="proId" required> <uni-forms-item class="centered-item" label="领用工程" name="proId" required>
<eselect <eselect
style="width: 100%; height: 90rpx" style="width: 100%; height: 70rpx"
v-model="formData.proId" v-model="formData.proId"
ref="treeSelect2" ref="treeSelect2"
:options="proList" :options="proList"
@ -31,23 +31,25 @@
<!-- <uni-forms-item label="采购申请编号" name="applyCode" required> <!-- <uni-forms-item label="采购申请编号" name="applyCode" required>
<uni-easyinput v-model="formData.applyCode" maxlength="10" placeholder="请输入采购申请编号" /> <uni-easyinput v-model="formData.applyCode" maxlength="10" placeholder="请输入采购申请编号" />
</uni-forms-item> --> </uni-forms-item> -->
<uni-forms-item label="领料人" name="leasePerson" required> <uni-forms-item class="centered-item" label="领料人" name="leasePerson" required>
<uni-easyinput <uni-easyinput
v-model="formData.leasePerson" v-model="formData.leasePerson"
maxlength="10" maxlength="10"
placeholder="请输入领料人" placeholder="请输入领料人"
style="width: 100%; height: 70rpx"
/> />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="联系电话" name="phone" required> <uni-forms-item class="centered-item" label="联系电话" name="phone" required>
<uni-easyinput <uni-easyinput
v-model="formData.phone" v-model="formData.phone"
maxlength="11" maxlength="11"
placeholder="请输入联系电话" placeholder="请输入联系电话"
style="width: 100%; height: 70rpx"
/> />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="标准配置" name="configId"> <uni-forms-item class="centered-item" label="标准配置" name="configId">
<eselect <eselect
style="width: 100%; height: 90rpx" style="width: 100%; height: 70rpx"
v-model="formData.configId" v-model="formData.configId"
ref="treeSelect" ref="treeSelect"
:options="configList" :options="configList"
@ -80,7 +82,7 @@
</div> </div>
</div> </div>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="适用班组数" name="fitNum"> <uni-forms-item class="centered-item" label="适用班组数" name="fitNum">
<uni-easyinput <uni-easyinput
v-model="formData.fitNum" v-model="formData.fitNum"
type="number" type="number"
@ -88,6 +90,7 @@
maxlength="10" maxlength="10"
:clearable="false" :clearable="false"
@blur="fitNumChange" @blur="fitNumChange"
style="width: 100%; height: 70rpx"
></uni-easyinput> ></uni-easyinput>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
@ -706,6 +709,7 @@ const onChangeNumber = (item) => {
setTimeout(()=>{ setTimeout(()=>{
if(item.unitValue==1){ if(item.unitValue==1){
item.preNum = Number(String(item.preNum).replace(/[^\d.]/g,'')) item.preNum = Number(String(item.preNum).replace(/[^\d.]/g,''))
}else{ }else{
item.preNum = Number(String(item.preNum).replace(/[^\d]/g,'')) item.preNum = Number(String(item.preNum).replace(/[^\d]/g,''))
} }
@ -785,6 +789,39 @@ const clearConfig = () => {
} }
} }
.centered-item {
display: flex;
align-items: center; // 垂直居中
.uni-forms-item__label {
display: flex;
align-items: center; // 使 label 垂直居中
}
.uni-forms-item__content {
display: flex;
align-items: center; // 使输入框垂直居中
}
}
// 使用 :deep 选择器调整错误提示样式，添加 !important 提高优先级
:deep(.uni-forms-item__error-message) {
position: absolute !important;
bottom: 0 !important;
margin-top: 0 !important;
font-size: 14rpx !important;
line-height: 1 !important; // 确保行高合适
transform: translateY(50%); // 向下移动提示信息，可根据实际调整
}
:deep(.uni-forms-item) {
position: relative !important;
padding-bottom: 5rpx !important;
box-sizing: border-box; // 确保内边距包含在元素尺寸内
}
// 确保内容区域有足够空间
:deep(.uni-forms-item__content) {
position: relative;
}
.accept { .accept {
padding: 24rpx; padding: 24rpx;
@ -868,6 +905,7 @@ const clearConfig = () => {
border-top: 1px #eee solid; border-top: 1px #eee solid;
} }
// // 表格区域 // // 表格区域
// .table-area { // .table-area {
// margin-top: 24rpx; // margin-top: 24rpx;

34
src/pages/integratedQuery/receiveRecord/receiveRecordEdit.vue
View File

@ -8,11 +8,11 @@
:rule="rules.value" :rule="rules.value"
:border="true" :border="true"
> >
<uni-forms-item label="领用单位" name="unitId" required> <uni-forms-item class="centered-item" label="领用单位" name="unitId" required>
<uni-easyinput v-model="formData.leaseUnit" disabled /> <uni-easyinput v-model="formData.leaseUnit" disabled style="width: 100%; height: 70rpx"/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="领用工程" name="proId" required> <uni-forms-item label="领用工程" name="proId" required>
<uni-easyinput v-model="formData.leaseProject" disabled /> <uni-easyinput v-model="formData.leaseProject" disabled style="width: 100%; height: 70rpx"/>
</uni-forms-item> </uni-forms-item>
<!-- <uni-forms-item label="采购申请编号" name="applyCode" required> <!-- <uni-forms-item label="采购申请编号" name="applyCode" required>
<uni-easyinput <uni-easyinput
@ -21,23 +21,25 @@
placeholder="请输入采购申请编号" placeholder="请输入采购申请编号"
/> />
</uni-forms-item> --> </uni-forms-item> -->
<uni-forms-item label="领料人" name="leasePerson" required> <uni-forms-item class="centered-item" label="领料人" name="leasePerson" required>
<uni-easyinput <uni-easyinput
v-model="formData.leasePerson" v-model="formData.leasePerson"
maxlength="10" maxlength="10"
placeholder="请输入领料人" placeholder="请输入领料人"
style="width: 100%; height: 70rpx"
/> />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="联系电话" name="phone" required> <uni-forms-item class="centered-item" label="联系电话" name="phone" required>
<uni-easyinput <uni-easyinput
v-model="formData.phone" v-model="formData.phone"
maxlength="11" maxlength="11"
placeholder="请输入联系电话" placeholder="请输入联系电话"
style="width: 100%; height: 70rpx"
/> />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="标准配置" name="configId"> <uni-forms-item class="centered-item" label="标准配置" name="configId">
<eselect <eselect
style="width: 100%; height: 90rpx" style="width: 100%; height: 70rpx"
v-model="formData.configId" v-model="formData.configId"
ref="treeSelect" ref="treeSelect"
:options="configList" :options="configList"
@ -70,7 +72,7 @@
</div> </div>
</div> </div>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="适用班组数" name="fitNum"> <uni-forms-item class="centered-item" label="适用班组数" name="fitNum">
<uni-easyinput <uni-easyinput
v-model="formData.fitNum" v-model="formData.fitNum"
type="number" type="number"
@ -78,6 +80,7 @@
maxlength="10" maxlength="10"
:clearable="false" :clearable="false"
@blur="fitNumChange" @blur="fitNumChange"
style="width: 100%; height: 70rpx"
></uni-easyinput> ></uni-easyinput>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
@ -739,6 +742,21 @@ const clearConfig = () => {
box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2); box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
} }
} }
.centered-item {
display: flex;
align-items: center; // 垂直居中
.uni-forms-item__label {
display: flex;
align-items: center; // 使 label 垂直居中
}
.uni-forms-item__content {
display: flex;
align-items: center; // 使输入框垂直居中
}
}
.accept { .accept {
padding: 24rpx; padding: 24rpx;
height: 95vh; height: 95vh;