hupeng
5 years ago
40 changed files with 567 additions and 746 deletions
@ -1,82 +0,0 @@ |
|||||||
<!--<template>--> |
|
||||||
<!--<div>--> |
|
||||||
<!--<el-upload--> |
|
||||||
<!--class="pic-uploader-component"--> |
|
||||||
<!--:action="imagesUploadApi"--> |
|
||||||
<!--:headers="headers"--> |
|
||||||
<!--:show-file-list="false"--> |
|
||||||
<!--:on-success="handleUploadSuccess"--> |
|
||||||
<!--:before-upload="beforeAvatarUpload">--> |
|
||||||
<!--<img v-if="value" :src="resourcesUrl + value" class="pic">--> |
|
||||||
<!--<i v-else class="el-icon-plus pic-uploader-icon"></i>--> |
|
||||||
<!--</el-upload>--> |
|
||||||
<!--</div>--> |
|
||||||
<!--</template>--> |
|
||||||
|
|
||||||
<!--<script>--> |
|
||||||
<!--import { getToken } from '@/utils/auth'--> |
|
||||||
<!--import { mapGetters } from 'vuex'--> |
|
||||||
<!--export default {--> |
|
||||||
<!--data () {--> |
|
||||||
<!--return {--> |
|
||||||
<!--resourcesUrl: '',--> |
|
||||||
<!--headers: {--> |
|
||||||
<!--'Authorization': 'Bearer ' + getToken()--> |
|
||||||
<!--}--> |
|
||||||
<!--}--> |
|
||||||
<!--},--> |
|
||||||
<!--computed: {--> |
|
||||||
<!--...mapGetters([--> |
|
||||||
<!--'imagesUploadApi'--> |
|
||||||
<!--])--> |
|
||||||
<!--},--> |
|
||||||
<!--props: {--> |
|
||||||
<!--value: {--> |
|
||||||
<!--default: '',--> |
|
||||||
<!--type: String--> |
|
||||||
<!--}--> |
|
||||||
<!--},--> |
|
||||||
<!--methods: {--> |
|
||||||
<!--// 图片上传--> |
|
||||||
<!--handleUploadSuccess(response, file, fileList) {--> |
|
||||||
<!--console.log(file)--> |
|
||||||
<!--this.$emit('input', file.response.data[0])--> |
|
||||||
<!--},--> |
|
||||||
<!--// 限制图片上传大小--> |
|
||||||
<!--beforeAvatarUpload(file) {--> |
|
||||||
<!--const isLt2M = file.size / 1024 / 1024 < 2--> |
|
||||||
<!--if (!isLt2M) {--> |
|
||||||
<!--this.$message.error('上传头像图片大小不能超过 2MB!')--> |
|
||||||
<!--}--> |
|
||||||
<!--return isLt2M--> |
|
||||||
<!--}--> |
|
||||||
<!--}--> |
|
||||||
<!--}--> |
|
||||||
<!--</script>--> |
|
||||||
|
|
||||||
<!--<style lang="scss">--> |
|
||||||
<!--.pic-uploader-component .el-upload {--> |
|
||||||
<!--border: 1px dashed #d9d9d9;--> |
|
||||||
<!--border-radius: 6px;--> |
|
||||||
<!--cursor: pointer;--> |
|
||||||
<!--position: relative;--> |
|
||||||
<!--overflow: hidden;--> |
|
||||||
<!--.pic-uploader-icon {--> |
|
||||||
<!--font-size: 28px;--> |
|
||||||
<!--color: #8c939d;--> |
|
||||||
<!--width: 100%;--> |
|
||||||
<!--height: 40px;--> |
|
||||||
<!--//line-height: 178px;--> |
|
||||||
<!--text-align: center;--> |
|
||||||
<!--}--> |
|
||||||
<!--.pic {--> |
|
||||||
<!--width: 100%;--> |
|
||||||
<!--height: 40px;--> |
|
||||||
<!--display: block;--> |
|
||||||
<!--}--> |
|
||||||
<!--}--> |
|
||||||
<!--.pic-uploader-component .el-upload:hover {--> |
|
||||||
<!--border-color: #409EFF;--> |
|
||||||
<!--}--> |
|
||||||
|
|
||||||
<!--</style>--> |
|
||||||
@ -1,121 +0,0 @@ |
|||||||
<template> |
|
||||||
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="500px"> |
|
||||||
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px"> |
|
||||||
<el-form-item v-if="form.pid !== 0" style="margin-bottom: 0px;" label="上级分类"> |
|
||||||
<treeselect v-model="form.pid" :options="cates" style="width: 370px;" placeholder="选择上级类目" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="分类名称"> |
|
||||||
<el-input v-model="form.cateName" style="width: 370px;" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="分类图片"> |
|
||||||
<pic-upload v-model="form.pic" style="width: 500px;" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="排序"> |
|
||||||
<el-input v-model="form.sort" style="width: 370px;" /> |
|
||||||
</el-form-item> |
|
||||||
<el-form-item label="状态" prop="enabled"> |
|
||||||
<el-radio v-model="form.isShow" :label="1">显示</el-radio> |
|
||||||
<el-radio v-model="form.isShow" :label="0">隐藏</el-radio> |
|
||||||
</el-form-item> |
|
||||||
</el-form> |
|
||||||
<div slot="footer" class="dialog-footer"> |
|
||||||
<el-button type="text" @click="cancel">取消</el-button> |
|
||||||
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button> |
|
||||||
</div> |
|
||||||
</el-dialog> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
|
||||||
import { add, edit, getCates } from '@/api/yxStoreCategory' |
|
||||||
import Treeselect from '@riophae/vue-treeselect' |
|
||||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css' |
|
||||||
import picUpload from '@/components/pic-upload' |
|
||||||
export default { |
|
||||||
components: { Treeselect, picUpload }, |
|
||||||
props: { |
|
||||||
isAdd: { |
|
||||||
type: Boolean, |
|
||||||
required: true |
|
||||||
} |
|
||||||
}, |
|
||||||
data() { |
|
||||||
return { |
|
||||||
loading: false, dialog: false, cates: [], |
|
||||||
form: { |
|
||||||
id: '', |
|
||||||
pid: 1, |
|
||||||
cateName: '', |
|
||||||
sort: '', |
|
||||||
pic: '', |
|
||||||
isShow: '', |
|
||||||
addTime: '' |
|
||||||
}, |
|
||||||
rules: { |
|
||||||
} |
|
||||||
} |
|
||||||
}, |
|
||||||
methods: { |
|
||||||
cancel() { |
|
||||||
this.resetForm() |
|
||||||
}, |
|
||||||
doSubmit() { |
|
||||||
this.loading = true |
|
||||||
if (this.isAdd) { |
|
||||||
this.doAdd() |
|
||||||
} else this.doEdit() |
|
||||||
}, |
|
||||||
doAdd() { |
|
||||||
add(this.form).then(res => { |
|
||||||
this.resetForm() |
|
||||||
this.$notify({ |
|
||||||
title: '添加成功', |
|
||||||
type: 'success', |
|
||||||
duration: 2500 |
|
||||||
}) |
|
||||||
this.loading = false |
|
||||||
this.$parent.init() |
|
||||||
}).catch(err => { |
|
||||||
this.loading = false |
|
||||||
console.log(err.response.data.message) |
|
||||||
}) |
|
||||||
}, |
|
||||||
doEdit() { |
|
||||||
edit(this.form).then(res => { |
|
||||||
this.resetForm() |
|
||||||
this.$notify({ |
|
||||||
title: '修改成功', |
|
||||||
type: 'success', |
|
||||||
duration: 2500 |
|
||||||
}) |
|
||||||
this.loading = false |
|
||||||
this.$parent.init() |
|
||||||
}).catch(err => { |
|
||||||
this.loading = false |
|
||||||
console.log(err.response.data.message) |
|
||||||
}) |
|
||||||
}, |
|
||||||
resetForm() { |
|
||||||
this.dialog = false |
|
||||||
this.$refs['form'].resetFields() |
|
||||||
this.form = { |
|
||||||
id: '', |
|
||||||
pid: '', |
|
||||||
cateName: '', |
|
||||||
sort: '', |
|
||||||
pic: '', |
|
||||||
isShow: '', |
|
||||||
addTime: '' |
|
||||||
} |
|
||||||
}, |
|
||||||
getCates() { |
|
||||||
getCates({ enabled: true }).then(res => { |
|
||||||
this.cates = res.content |
|
||||||
}) |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
|
||||||
|
|
||||||
</style> |
|
||||||
Loading…
Reference in new issue