90 lines
2.1 KiB
Vue
90 lines
2.1 KiB
Vue
<template>
|
||
<section class="contentAdd">
|
||
<u-form ref="ContentForm" label-position="top" :model="form">
|
||
<u-form-item label="标题" prop="title" required>
|
||
<u-input v-model="form.title" placeholder="请输入，最多30字" maxlength="30"/>
|
||
</u-form-item>
|
||
<u-form-item label="详情描述" prop="content">
|
||
<AiTextarea v-model="form.content" placeholder="请输入，最多500字" :maxlength="500"/>
|
||
</u-form-item>
|
||
<u-form-item label="图片（最多9张）" class="files">
|
||
<AiUploader multiple :limit="9" :def.sync="form.fileList" action="/admin/file/add2"/>
|
||
</u-form-item>
|
||
</u-form>
|
||
<div flex class="submitBtn" @tap="submitForm">提交</div>
|
||
</section>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "contentAdd",
|
||
computed: {
|
||
isEdit() {
|
||
return !!this.$route.query?.id
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
form: {
|
||
fileList: []
|
||
},
|
||
moduleId: ""
|
||
}
|
||
},
|
||
onLoad(params) {
|
||
this.moduleId = params.moduleId
|
||
this.getForm(params.id)
|
||
},
|
||
methods: {
|
||
getForm(id) {
|
||
id && this.$http.post(`/app/appcontentinfo/queryDetailById`, null, {
|
||
params: {id}
|
||
}).then(res => {
|
||
if (res?.data) {
|
||
this.form = {...res.data};
|
||
}
|
||
})
|
||
},
|
||
submitForm() {
|
||
if (!this.form.title) {
|
||
return this.$u.toast("标题请填写")
|
||
}
|
||
|
||
this.$refs.ContentForm?.validate(v => {
|
||
if (v) {
|
||
let {moduleId} = this
|
||
this.$http.post(`/app/appcontentinfo/addOrUpdate`, {moduleId, ...this.form}).then(res => {
|
||
if (res?.code == 0) {
|
||
this.$u.toast("提交成功！")
|
||
setTimeout(() => {
|
||
uni.navigateBack({})
|
||
}, 1000)
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.contentAdd {
|
||
.files {
|
||
margin-top: 24px;
|
||
}
|
||
|
||
.submitBtn {
|
||
position: fixed;
|
||
justify-content: center;
|
||
bottom: 0;
|
||
width: 100%;
|
||
height: 112px;
|
||
color: #fff;
|
||
background: $uni-color-primary;
|
||
font-size: 32px;
|
||
font-family: PingFangSC-Medium, PingFang SC;
|
||
}
|
||
}
|
||
</style>
|