修复调机记录显示异常问题
This commit is contained in:
@@ -1,49 +1,53 @@
|
||||
<template>
|
||||
<view class="form-container">
|
||||
<uni-forms ref="form" :modelValue="formData" :rules="rules">
|
||||
<uni-forms-item label="作业编码:" :labelWidth='90' name="pwoJobCode">
|
||||
<uni-forms ref="form" :modelValue="formData" :rules="rules" label-width="80" label-align="right">
|
||||
<uni-forms-item label="作业编码" name="pwoJobCode">
|
||||
<uni-easyinput @confirm="searchData" suffixIcon="scan" @iconClick="scanBar" type="text"
|
||||
v-model="formData.pwoJobCode" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="工单:" :labelWidth='90' name="pwoCode">
|
||||
<uni-forms-item label="工单编码" name="pwoCode">
|
||||
<uni-easyinput type="text" v-model="formData.pwoCode" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="产品编码:" :labelWidth='90' name="ptNoTar">
|
||||
<uni-forms-item label="产品编码" name="ptNoTar">
|
||||
<uni-easyinput type="text" v-model="formData.ptNoTar" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="产品名称:" :labelWidth='90' name="ptTitleTar">
|
||||
<uni-forms-item label="产品名称" name="ptTitleTar">
|
||||
<uni-easyinput type="text" v-model="formData.ptTitleTar" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="制程编码:" :labelWidth='90' name="opCode">
|
||||
<uni-forms-item label="制程编码" name="opCode">
|
||||
<uni-easyinput type="text" v-model="formData.opCode" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="制程名称:" :labelWidth='90' name="opTitle">
|
||||
<uni-forms-item label="制程名称" name="opTitle">
|
||||
<uni-easyinput type="text" v-model="formData.opTitle" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="开始时间:" :labelWidth='90' name="startTime">
|
||||
<uni-forms-item label="开始时间" name="startTime">
|
||||
<view>
|
||||
<uni-datetime-picker type="datetime" v-model="formData.startTime" />
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="结束时间:" :labelWidth='90' name="endTime">
|
||||
<uni-forms-item label="结束时间" name="endTime">
|
||||
<view>
|
||||
<uni-datetime-picker type="datetime" v-model="formData.endTime" />
|
||||
</view>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="人员:" :labelWidth='90' name="staff">
|
||||
<uni-forms-item label="操作人员" name="staff">
|
||||
<uni-easyinput type="text" v-model="formData.staff" @confirm="searchStaff" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="调试单价:" :labelWidth='90' name="programmingDebuggingUnitPrice">
|
||||
<uni-forms-item label="调试单价" name="programmingDebuggingUnitPrice">
|
||||
<uni-easyinput type="text" v-model="formData.programmingDebuggingUnitPrice" />
|
||||
</uni-forms-item>
|
||||
<view class="form-row">
|
||||
<uni-forms-item label="调机时长:" :labelWidth='90' name="timeTake" class="form-col">
|
||||
<uni-easyinput type="text" v-model="timeTake" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="时间单位:" :labelWidth='90' name="timeUnit" class="form-col">
|
||||
<uni-data-select v-model="timeUnit" :localdata="unitOptions" placeholder="选择时间单位" />
|
||||
</uni-forms-item>
|
||||
</view>
|
||||
<uni-row>
|
||||
<uni-col :span="12">
|
||||
<uni-forms-item label="调机时长" name="timeTake" class="form-col">
|
||||
<uni-easyinput type="text" v-model="timeTake" />
|
||||
</uni-forms-item>
|
||||
</uni-col>
|
||||
<uni-col :span="12">
|
||||
<uni-forms-item label="时间单位" name="timeUnit" class="form-col">
|
||||
<uni-data-select v-model="timeUnit" :localdata="unitOptions" placeholder="选择时间单位" />
|
||||
</uni-forms-item>
|
||||
</uni-col>
|
||||
</uni-row>
|
||||
</uni-forms>
|
||||
<u-button type="primary" @click="submit">提交</u-button>
|
||||
</view>
|
||||
@@ -215,40 +219,12 @@ export default {
|
||||
<style scoped>
|
||||
.form-container {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
/* 两个项之间的间距 */
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
/* 与上下表单项保持默认间距 */
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
/* 并列项平分宽度 */
|
||||
.form-col {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
/* 可选:统一并列项的label样式(避免对齐错乱) */
|
||||
:deep(.form-col .uni-forms-item__label) {
|
||||
width: 80px !important;
|
||||
/* 固定label宽度 */
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* 其他表单项保持默认样式,无需额外修改 */
|
||||
:deep(.uni-forms-item) {
|
||||
margin-bottom: 80px;
|
||||
/* 统一所有表单项的底部间距 */
|
||||
}
|
||||
|
||||
.u-button {
|
||||
height: 10% !important;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
.uni-forms-item {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user