forked from liweijie/education
新增教学场地弹窗内容调整
This commit is contained in:
@@ -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;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user