| | |
| | | </span> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="产品编码" prop="productCode"> |
| | | <el-select style="width: 100%" @change="handleSelectChange(form.productCode)" v-model="form.productCode" placeholder="请输入产品编码"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.productCode" |
| | | :label="item.productCode" |
| | | :value="item.productCode"> |
| | | </el-option> |
| | | </el-select> |
| | | <el-input v-model="form.productCode" placeholder="请输入产品编码" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品名称" prop="productName"> |
| | | <el-input disabled v-model="form.productName" placeholder="请输入产品名称" /> |
| | | <el-input v-model="form.productName" placeholder="请输入产品名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="节拍" prop="beat"> |
| | | <el-input v-model="form.beat" placeholder="请输入节拍" /> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | |
| | | beat: [ |
| | | { required: true, message: "节拍不能为空", trigger: "blur" } |
| | | ], |
| | | productCode: [ |
| | | { required: true, message: "产品编码不能为空", trigger: "blur" } |
| | | ], |
| | | } |
| | | }; |
| | | }, |