|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <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 v-model="form.parentId" placeholder="不填为则一级分类"> | 
|---|
|  |  |  | <el-form-item label="所属分类" prop="parentId"> | 
|---|
|  |  |  | <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 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> | 
|---|