| | |
| | | <el-form-item label="分类名称" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请输入分类名称" v-trim/> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="所属板块" prop="module"> |
| | | <el-select |
| | | v-model="form.module" |
| | | placeholder="请选择所属板块" |
| | | > |
| | | <el-option |
| | | :key="0" |
| | | :value="0" |
| | | label="平台商城" |
| | | ></el-option> |
| | | <el-option |
| | | :key="1" |
| | | :value="1" |
| | | label="咖豆商城" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item>--> |
| | | <el-form-item label="图标" prop="imgurlfull"> |
| | | <UploadAvatarImage |
| | | :uploadData="{folder:'labels'}" |
| | | :file="{ 'imgurlfull': form.imgurlfull, 'imgurl': form.imgurl }" |
| | | @uploadSuccess="uploadAvatarSuccess" |
| | | @uploadEnd="isUploading=false" |
| | | @uploadBegin="isUploading = true" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="排序码(升序)" prop="sortnum"> |
| | | <el-input v-model="form.sortnum" type="number" placeholder="请输入排序码" v-trim/> |
| | | </el-form-item> |
| | |
| | | <script> |
| | | import BaseOpera from '@/components/base/BaseOpera' |
| | | import GlobalAlertWindow from '@/components/common/GlobalAlertWindow' |
| | | import UploadAvatarImage from '@/components/common/UploadAvatarImage' |
| | | export default { |
| | | name: 'OperaProductLabelWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalAlertWindow }, |
| | | components: { GlobalAlertWindow,UploadAvatarImage }, |
| | | data () { |
| | | return { |
| | | // 表单数据 |
| | | isUploading: false, |
| | | form: { |
| | | id: null, |
| | | name: '', |
| | | module: 0, |
| | | type: '0', |
| | | imgurl:null, |
| | | imgurlfull:null, |
| | | sortnum: '' |
| | | }, |
| | | // 验证规则 |
| | |
| | | api: '/business/labels', |
| | | 'field.id': 'id' |
| | | }) |
| | | } |
| | | }, |
| | | methods: { |
| | | // 上传图片 |
| | | uploadAvatarSuccess(file) { |
| | | this.form.imgurl = file.imgurl; |
| | | this.form.imgurlfull = file.imgurlfull; |
| | | }, |
| | | }, |
| | | } |
| | | </script> |
| | | |