|  |  | 
 |  |  |   <GlobalWindow :title="title" :visible.sync="visible" :confirm-working="isWorking" width="600px" @close="close" @confirm="confirm"> | 
 |  |  |     <el-form :model="form" ref="form" :rules="rules"> | 
 |  |  |       <el-form-item label="所属分类" prop="parentId"> | 
 |  |  |         <el-select :disabled="form.id" v-model="form.parentId" placeholder="不填为则一级分类"> | 
 |  |  |         <el-select :disabled="form.id && form.id!=null" clearable v-model="form.parentId" placeholder="不选择为则一级分类"> | 
 |  |  |           <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="分类名称" prop="name"> | 
 |  |  |         <el-input v-model="form.name" placeholder="请输入分类名称" v-trim /> | 
 |  |  |       </el-form-item> | 
 |  |  |       <el-form-item label="业务类型" prop="bizType" > | 
 |  |  |         <el-select v-model="form.bizType" clearable   placeholder="选择业务类型"> | 
 |  |  |           <el-option v-for="op in bizTypeList" :key="op.key" :label="op.name" :value="op.key"></el-option> | 
 |  |  |         </el-select> | 
 |  |  |       </el-form-item> | 
 |  |  |       <!-- <el-form-item label="状态" prop="status"> | 
 |  |  |         <el-select v-model="form.status" placeholder="请选择"> | 
 |  |  | 
 |  |  |   name: 'OperaCategoryWindow', | 
 |  |  |   extends: BaseOpera, | 
 |  |  |   components: { GlobalWindow }, | 
 |  |  |   data() { | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       // 表单数据 | 
 |  |  |       form: { | 
 |  |  |         parentId: null, | 
 |  |  |         name: '', | 
 |  |  |         bizType: null, | 
 |  |  |         remark: '', | 
 |  |  |         status: '', | 
 |  |  |         type: 1 | 
 |  |  |       }, | 
 |  |  |       bizTypeList: [{ key: 0, name: '访客车辆' }, | 
 |  |  |         { key: 1, name: '外协运输车辆' }, | 
 |  |  |         { key: 2, name: '市公司卸货车辆' }, | 
 |  |  |         { key: 3, name: '加工烟卸货车辆' }, | 
 |  |  |         { key: 4, name: '安泰物流公务用车' }, | 
 |  |  |         { key: 5, name: '安泰物流货运车辆' } | 
 |  |  |       ], | 
 |  |  |       // 验证规则 | 
 |  |  |       rules: { | 
 |  |  |         name: [ | 
 |  |  |           { required: true, message: '请输入二级分类名称', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         bizType: [ | 
 |  |  |           { required: false, message: '请输入二级分类名称', trigger: 'blur' } | 
 |  |  |         ], | 
 |  |  |         status: [ | 
 |  |  |           { required: true, message: '请选择是否启用', trigger: 'change' } | 
 |  |  | 
 |  |  |       dataList: [] | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |   created () { | 
 |  |  |     this.config({ | 
 |  |  |       api: '/business/category', | 
 |  |  |       'field.id': 'id' | 
 |  |  |     }) | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     getList() { | 
 |  |  |     getList () { | 
 |  |  |       fetchCateList({}).then(res => { | 
 |  |  |         this.dataList = res || [] | 
 |  |  |          | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     close() { | 
 |  |  |     close () { | 
 |  |  |       this.visible = false | 
 |  |  |       this.$emit('close') | 
 |  |  |     }, | 
 |  |  |     getDetail(id) { | 
 |  |  |     getDetail (id) { | 
 |  |  |       getInfoById(id).then(res => { | 
 |  |  |         this.form = res | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     } | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> |