| | |
| | | <template> |
| | | <el-dialog |
| | | :title="!dataForm.id ? '新增' : '修改'" |
| | | :close-on-click-modal="false" |
| | | :visible.sync="visible" |
| | | > |
| | | <el-form |
| | | :model="dataForm" |
| | | :rules="dataRule" |
| | | ref="dataForm" |
| | | label-width="120px" |
| | | class="l-mes" |
| | | > |
| | | <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible"> |
| | | <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="120px" class="l-mes"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="公司" prop="company"> |
| | | <el-select style="width: 100%;" v-model="dataForm.company" placeholder="请选择"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="工厂" prop="factory"> |
| | | <el-select style="width: 100%;" v-model="dataForm.factory" placeholder="请选择"> |
| | | <el-option v-for="item in optionsfactory" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="部门" prop="division"> |
| | | <el-select style="width: 100%;" v-model="dataForm.division" placeholder="请选择"> |
| | | <el-option v-for="item in optionsdepartment" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="岗位编号" prop="postNo"> |
| | | <el-input v-model="dataForm.postNo" placeholder=""></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="岗位名称" prop="postName"> |
| | | <el-input v-model="dataForm.postName" placeholder=""></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="dataForm.remark" placeholder=""></el-input> |
| | |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <el-button @click="visible = false">取消</el-button> |
| | | <el-button |
| | | type="primary" |
| | | :disabled="isSubmit" |
| | | v-thinclick="`dataFormSubmit`" |
| | | >确定</el-button |
| | | > |
| | | <el-button type="primary" :disabled="isSubmit" v-thinclick="`dataFormSubmit`">确定</el-button> |
| | | </span> |
| | | </el-dialog> |
| | | </template> |
| | |
| | | return { |
| | | ruleOptions: [], |
| | | visible: false, |
| | | options: [], |
| | | optionsfactory:[], |
| | | optionsdepartment: [], |
| | | dataForm: { |
| | | id: 0, |
| | | company: null, |
| | | factory: null, |
| | | division: null, |
| | | postNo: '', |
| | | postName: '', |
| | | remark: '' |
| | |
| | | dataRule: { |
| | | postName: [ |
| | | { required: true, message: '岗位名称不能为空', trigger: 'blur' } |
| | | ], |
| | | postNo: [ |
| | | { required: true, message: '岗位编号不能为空', trigger: 'blur' } |
| | | ], |
| | | company: [ |
| | | { required: true, message: '公司名称不能为空', trigger: 'blur' } |
| | | ], |
| | | factory: [ |
| | | { required: true, message: '工厂名称不能为空', trigger: 'blur' } |
| | | ], |
| | | division: [ |
| | | { required: true, message: '部门名称不能为空', trigger: 'blur' } |
| | | ] |
| | | }, |
| | | isSubmit: false |