新增教学场地弹窗内容调整

This commit is contained in:
2026-08-25 17:39:37 +08:00
parent 169b30a5c2
commit d7d138b8ef
@@ -100,11 +100,6 @@
:close-on-click-modal="false"> :close-on-click-modal="false">
<el-form ref="classroomForm" :model="dialog.form" :rules="rules" label-width="110px"> <el-form ref="classroomForm" :model="dialog.form" :rules="rules" label-width="110px">
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12">
<el-form-item label="教室编号" prop="jsbh">
<el-input v-model="dialog.form.jsbh" placeholder="请输入教室编号" />
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="教室名称" prop="jsmc"> <el-form-item label="教室名称" prop="jsmc">
<el-input v-model="dialog.form.jsmc" placeholder="请输入教室名称" /> <el-input v-model="dialog.form.jsmc" placeholder="请输入教室名称" />
@@ -135,7 +130,15 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="面积"> <el-form-item label="面积">
<el-input-number v-model="dialog.form.mj" :min="0" :precision="1" controls-position="right" class="w-full" /> <div class="number-unit-field">
<el-input-number
v-model="dialog.form.mj"
:min="0"
:precision="1"
controls-position="right"
/>
<span class="number-unit">㎡</span>
</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@@ -148,11 +151,6 @@
<el-input-number v-model="dialog.form.ewyxkbs" :min="0" controls-position="right" class="w-full" /> <el-input-number v-model="dialog.form.ewyxkbs" :min="0" controls-position="right" class="w-full" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="序号">
<el-input v-model="dialog.form.xh" placeholder="请输入序号" />
</el-form-item>
</el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="拼音"> <el-form-item label="拼音">
<el-input v-model="dialog.form.py" placeholder="请输入拼音" /> <el-input v-model="dialog.form.py" placeholder="请输入拼音" />
@@ -227,7 +225,6 @@ export default {
form: this.createEmptyForm() form: this.createEmptyForm()
}, },
rules: { rules: {
jsbh: [{ required: true, message: '请输入教室编号', trigger: 'blur' }],
jsmc: [{ required: true, message: '请输入教室名称', trigger: 'blur' }] jsmc: [{ required: true, message: '请输入教室名称', trigger: 'blur' }]
} }
} }
@@ -324,7 +321,7 @@ export default {
/* ---------- 新增 / 编辑 ---------- */ /* ---------- 新增 / 编辑 ---------- */
handleAdd() { handleAdd() {
this.dialog.title = '新增教室' this.dialog.title = '新增教学场地'
this.dialog.form = this.createEmptyForm() this.dialog.form = this.createEmptyForm()
this.dialog.visible = true this.dialog.visible = true
this.$nextTick(() => { this.$nextTick(() => {
@@ -332,7 +329,7 @@ export default {
}) })
}, },
handleEdit(row) { handleEdit(row) {
this.dialog.title = '编辑教室' this.dialog.title = '编辑教学场地'
this.dialog.form = Object.assign({}, this.createEmptyForm(), row) this.dialog.form = Object.assign({}, this.createEmptyForm(), row)
this.dialog.visible = true this.dialog.visible = true
this.$nextTick(() => { this.$nextTick(() => {
@@ -455,6 +452,28 @@ export default {
} }
} }
.number-unit-field {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
.el-input-number {
flex: 1;
width: auto;
min-width: 0;
}
.number-unit {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
height: 36px;
color: #606266;
}
}
.danger-text-btn { .danger-text-btn {
color: #f56c6c; color: #f56c6c;