|  |  |  | 
|---|
|  |  |  | <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="name"> | 
|---|
|  |  |  | <el-input v-model="form.name" placeholder="请输入分类名称" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="所属分类" prop="parentId"> | 
|---|
|  |  |  | <el-select :disabled="form.id" 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="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 label="排序码(升序)" prop="sortnum"> | 
|---|
|  |  |  | <el-input v-model="form.sortnum" oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 6)" v-trim /> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | </GlobalWindow> | 
|---|
|  |  |  | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | remark: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | type: 1 | 
|---|
|  |  |  | sortnum: '', | 
|---|
|  |  |  | type: 3 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 验证规则 | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getList() { | 
|---|
|  |  |  | fetchCateList({}).then(res => { | 
|---|
|  |  |  | fetchCateList({ type: 3 }).then(res => { | 
|---|
|  |  |  | this.dataList = res || [] | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }) | 
|---|