| | |
| | | <template> |
| | | <win-sm :title="setting.title" @close="close" :width="'800px'"> |
| | | <el-form ref="ruleForm" :model="formData" :rules="rules" class="demo-ruleForm" label-width="100px"> |
| | | <el-form-item label="上级分类" prop="code"> |
| | | <el-input v-model="formData.code" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | <el-form-item label="上级分类" prop="fatherCategoryId"> |
| | | <el-input v-model="formData.fatherCategoryId" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | </el-form-item> |
| | | <el-form-item label="分类名称" prop="name"> |
| | | <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | <el-form-item label="分类名称" prop="categoryName"> |
| | | <el-input v-model="formData.categoryName" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | </el-form-item> |
| | | <el-form-item label="类别" prop="name"> |
| | | <el-form-item label="类别" prop="classification"> |
| | | <!-- <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> --> |
| | | <el-select v-model="formData.planTypeCode" placeholder="" clearable style="width: 100%"> |
| | | <el-select v-model="formData.classification" placeholder="" clearable style="width: 100%"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.code" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="顺序" prop="name"> |
| | | <el-input v-model="formData.name" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | <el-form-item label="顺序" prop="orderNumber"> |
| | | <el-input v-model="formData.orderNumber" clearable maxlength="20" show-word-limit style="width: 100%"/> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="status"> |
| | | <el-switch |
| | | v-model="formData.status" |
| | | active-color="#0d997c" |
| | | inactive-color="#C0CCDA"> |
| | | </el-switch> |
| | | <el-form-item label="状态" prop="states"> |
| | | <el-radio-group v-model="formData.states"> |
| | | <el-radio :label="1" border>启用</el-radio> |
| | | <el-radio :label="0" border>禁用</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" align="center" class="dialog-footer"> |
| | |
| | | checkedList: [], |
| | | options:[ |
| | | { |
| | | code: 1, |
| | | code: 'A', |
| | | label:'A' |
| | | }, |
| | | { |
| | | code: 2, |
| | | code: "B", |
| | | label:'B' |
| | | }, |
| | | { |
| | | code: 3, |
| | | code: 'c', |
| | | label:'C' |
| | | } |
| | | ], |
| | | formData: { |
| | | code: '', |
| | | name: '', |
| | | status: true, |
| | | states: '', |
| | | summary: '', |
| | | planTypeCode:'' |
| | | }, |
| | | rules: { |
| | | code: [ |
| | | {required: true, message: '请输入机构编号', trigger: 'blur'} |
| | | fatherCategoryId: [ |
| | | {required: true, message: '请输入', trigger: 'blur'} |
| | | ], |
| | | name: [ |
| | | {required: true, message: '请输入机构名称', trigger: 'blur'} |
| | | categoryName: [ |
| | | {required: true, message: '请输入', trigger: 'blur'} |
| | | ] |
| | | } |
| | | } |