You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
3.3 KiB
128 lines
3.3 KiB
<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="120px"> |
|
<el-form-item label="菜单名"> |
|
<el-input v-model="form.name" style="width: 300px;" /> |
|
</el-form-item> |
|
<el-form-item label="跳转url"> |
|
<el-input v-model="form.url" style="width: 300px;" /> |
|
</el-form-item> |
|
<el-form-item label="小程序跳转page"> |
|
<el-input v-model="form.wxapp_url" style="width: 300px;" /> |
|
</el-form-item> |
|
<el-form-item label="图标(52*52)"> |
|
<MaterialList v-model="form.imageArr" style="width: 300px" type="image" :num=1 :width=150 :height=150></MaterialList> |
|
</el-form-item> |
|
<el-form-item label="排序"> |
|
<el-input v-model="form.sort" style="width: 300px;" /> |
|
</el-form-item> |
|
<el-form-item label="是否显示"> |
|
<el-radio v-model="form.status" :label="1">是</el-radio> |
|
<el-radio v-model="form.status" :label="0" style="width: 200px;">否</el-radio> |
|
</el-form-item> |
|
</el-form> |
|
<div slot="footer" class="dialog-footer"> |
|
<!--<el-input v-model="form.groupName" />--> |
|
<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 } from '@/api/yxSystemGroupData' |
|
import picUpload from '@/components/pic-upload' |
|
import MaterialList from '@/components/material' |
|
export default { |
|
components: { picUpload, MaterialList }, |
|
props: { |
|
isAdd: { |
|
type: Boolean, |
|
required: true |
|
} |
|
}, |
|
data() { |
|
return { |
|
loading: false, dialog: false, |
|
form: { |
|
id: '', |
|
groupName: 'routine_my_menus', |
|
name: '', |
|
url: '', |
|
wxapp_url: '', |
|
pic: '', |
|
imageArr: [], |
|
sort: '', |
|
status: '' |
|
}, |
|
rules: { |
|
} |
|
} |
|
}, |
|
watch:{ |
|
'form.imageArr': function(val) { |
|
if(val){ |
|
this.form.pic = val.join(","); |
|
} |
|
} |
|
}, |
|
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: '', |
|
groupName: 'routine_my_menus', |
|
imageArr: [], |
|
value: '', |
|
addTime: '', |
|
sort: 0, |
|
status: 1 |
|
} |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
|
|
</style>
|
|
|