| | |
| | | <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" clearable 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-radio-group v-model="form.bizType"> |
| | | <el-radio :label="0">访客车辆</el-radio> |
| | | <el-radio :label="1">外协运输车辆</el-radio> |
| | | <el-radio :label="2">市公司卸货车辆</el-radio> |
| | | <el-radio :label="3">加工烟卸货车辆</el-radio> |
| | | <el-radio :label="4">安泰物流公务用车</el-radio> |
| | | <el-radio :label="5">安泰物流货运车辆</el-radio> |
| | | </el-radio-group> |
| | | <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, |
| | | 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() { |
| | | fetchCateList({}).then(res => { |
| | | getList () { |
| | | fetchCateList({type:1}).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> |