<template>
|
<el-dialog :visible.sync="visible" width="800px" @close="handleClose">
|
<el-form label-width="120px" label-position="top">
|
<el-form-item label="菌种培养工艺条件">
|
<el-input v-model="form.conditions" :disabled="isFixed || value.isDetail" placeholder="请输入" />
|
</el-form-item>
|
<el-form-item label="菌种培养工艺实况记录">
|
<el-input type="textarea" :disabled="value.isDetail" v-model="form.record" :rows="7" placeholder="请输入文本内容" />
|
</el-form-item>
|
<el-form-item label="菌种培养标准工艺">
|
<el-input type="textarea" :disabled="value.isDetail" v-model="form.workmanship" :rows="7" placeholder="请输入文本内容" />
|
</el-form-item>
|
</el-form>
|
<div style="text-align: center; margin-top: 24px;">
|
<el-button v-if="value.isDetail" @click="handleClose">关闭</el-button>
|
<el-button type="primary" v-if="!value.isDetail" @click="handleOk">保存</el-button>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
name: 'EditConditionDialog',
|
props: {
|
visible: Boolean,
|
isEdit: Boolean,
|
isFixed: Boolean, // true: 固定的8个条件，false: 新增条件
|
value: {
|
type: Object,
|
default: () => ({ conditions: '', record: '', workmanship: '' })
|
}
|
},
|
data() {
|
return {
|
form: { conditions: '', record: '', workmanship: '' }
|
}
|
},
|
watch: {
|
value: {
|
immediate: true,
|
handler(val) {
|
this.form = { ...val }
|
}
|
},
|
visible(val) {
|
if (!val) {
|
this.form = { conditions: '', record: '', workmanship: '' }
|
}
|
}
|
},
|
methods: {
|
handleOk() {
|
this.$emit('ok', { ...this.form })
|
this.handleClose()
|
},
|
handleClose() {
|
this.$emit('update:visible', false)
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.el-dialog__body {
|
padding-bottom: 0;
|
}
|
</style>
|
