| <template> | 
|     <GlobalWindow | 
|         :title="title" | 
|         :visible.sync="visible" | 
|         :confirm-working="isWorking" | 
|         @confirm="confirm" | 
|     > | 
|         <el-form :model="form" ref="form" :rules="rules"> | 
|             <el-form-item label="组织类型" prop="name"> | 
|                 <el-input v-model="form.name" placeholder="请输入组织类型" v-trim/> | 
|             </el-form-item> | 
|             <el-form-item label="状态" prop="status"> | 
|                 <el-select v-model="form.status" placeholder="请选择"> | 
|                     <el-option label="启用" value="0"></el-option> | 
|                     <el-option label="禁用" value="1"></el-option> | 
|                 </el-select> | 
|             </el-form-item> | 
|             <el-form-item label="备注" prop="remark"> | 
|                 <el-input type="textarea" v-model="form.remark" placeholder="请输入备注" v-trim/> | 
|             </el-form-item> | 
|         </el-form> | 
|     </GlobalWindow> | 
| </template> | 
|   | 
| <script> | 
| import BaseOpera from '@/components/base/BaseOpera' | 
| import GlobalWindow from '@/components/common/GlobalWindow' | 
| export default { | 
|   name: 'OperaCategoryWindow', | 
|   extends: BaseOpera, | 
|   components: { GlobalWindow }, | 
|   data () { | 
|     return { | 
|       // 表单数据 | 
|       form: { | 
|         id: null, | 
|         name: '', | 
|         remark: '', | 
|         status: '' | 
|       }, | 
|       // 验证规则 | 
|       rules: { | 
|         name: [ | 
|           { required: true, message: '请输入组织类型', trigger: 'blur' } | 
|         ], | 
|         status: [ | 
|           { required: true, message: '请选择是否启用', trigger: 'change' } | 
|         ] | 
|       } | 
|     } | 
|   }, | 
|   created () { | 
|     this.config({ | 
|       api: '/business/category', | 
|       'field.id': 'id' | 
|     }) | 
|   } | 
| } | 
| </script> |