|
@@ -1,26 +1,70 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
+ <div class="app-container" v-loading="loading">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="100px">
|
|
|
<el-form-item label="标题" prop="title"><el-input v-model="form.title" placeholder="请输入标题" /></el-form-item>
|
|
|
<el-form-item label="求助电话" prop="helpPhone"><el-input v-model="form.helpPhone" placeholder="请输入求助电话" /></el-form-item>
|
|
|
- <el-form-item label="首页banner"><imageUpload v-model="form.bgImg1" :limit="1" /></el-form-item>
|
|
|
- <el-form-item label="旅游景区"><imageUpload v-model="form.bgImg2" :limit="1" /></el-form-item>
|
|
|
- <el-form-item label="酒店预订"><imageUpload v-model="form.bgImg3" :limit="1" /></el-form-item>
|
|
|
- <el-form-item label="投诉建议"><imageUpload v-model="form.bgImg4" :limit="1" /></el-form-item>
|
|
|
+ <el-form-item label="图片链接A">
|
|
|
+ <imageUpload v-model="form.bgImg1" :limit="1" />
|
|
|
+ <el-input placeholder="请输选择" v-model="form.briefText3" class="input" :readonly="true">
|
|
|
+ <template slot="prepend">
|
|
|
+ 跳转链接
|
|
|
+ </template>
|
|
|
+ <template slot="append">
|
|
|
+ <div @click="op(3)">选择内容</div>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片链接B">
|
|
|
+ <imageUpload v-model="form.bgImg2" :limit="1" />
|
|
|
+ <el-input placeholder="请输选择" v-model="form.briefText2" class="input" :readonly="true">
|
|
|
+ <template slot="prepend">
|
|
|
+ 跳转链接
|
|
|
+ </template>
|
|
|
+ <template slot="append">
|
|
|
+ <div @click="op(2)">选择内容</div>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片链接C">
|
|
|
+ <imageUpload v-model="form.bgImg3" :limit="1" />
|
|
|
+ <el-input placeholder="请输选择" v-model="form.briefText3" class="input" :readonly="true">
|
|
|
+ <template slot="prepend">
|
|
|
+ 跳转链接
|
|
|
+ </template>
|
|
|
+ <template slot="append">
|
|
|
+ <div @click="op(3)">选择内容</div>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="图片链接D">
|
|
|
+ <imageUpload v-model="form.bgImg4" :limit="1" />
|
|
|
+ <el-input placeholder="请输选择" v-model="form.briefText4" class="input" :readonly="true">
|
|
|
+ <template slot="prepend">
|
|
|
+ 跳转链接
|
|
|
+ </template>
|
|
|
+ <template slot="append">
|
|
|
+ <div @click="op(4)">选择内容</div>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer"><el-button type="primary" @click="submitForm">确 定</el-button></div>
|
|
|
+ <list v-if="dialog" ref="dialog" @list="getData"></list>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import { getAboutUs, addAboutUs, updateAboutUs } from '@/api/management/aboutUs';
|
|
|
+import list from './list';
|
|
|
export default {
|
|
|
- name: 'AboutUs',
|
|
|
+ components: {
|
|
|
+ list
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
- // 表单参数
|
|
|
+ loading: true,
|
|
|
+ dialog: false,
|
|
|
form: {},
|
|
|
- // 表单校验
|
|
|
+ flag: 1,
|
|
|
rules: {
|
|
|
title: [{ required: true, message: '标题不能为空' }],
|
|
|
helpPhone: [{ required: true, message: '请输入求助电话' }],
|
|
@@ -29,65 +73,55 @@ export default {
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
+ created() {
|
|
|
+ this.loading = true;
|
|
|
+ getAboutUs(1).then(response => {
|
|
|
+ this.loading = false;
|
|
|
+ this.form = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
methods: {
|
|
|
- init(aboutUsId) {
|
|
|
- getAboutUs(aboutUsId).then(response => {
|
|
|
- if (response.code == 200) {
|
|
|
- if (response.data != null) {
|
|
|
- this.form = response.data;
|
|
|
- } else {
|
|
|
- this.reset();
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.msgError('获取信息出错!');
|
|
|
- }
|
|
|
+ op(flag) {
|
|
|
+ this.flag = flag;
|
|
|
+ this.dialog = true;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.dialog.init();
|
|
|
});
|
|
|
},
|
|
|
- // 表单重置
|
|
|
- reset() {
|
|
|
- this.form = {
|
|
|
- aboutUsId: null,
|
|
|
- title: null,
|
|
|
- helpPhone: null,
|
|
|
- showPictures: null,
|
|
|
- briefText1: null,
|
|
|
- briefText2: null,
|
|
|
- briefText3: null,
|
|
|
- briefText4: null,
|
|
|
- content: null,
|
|
|
- bgImg1: null,
|
|
|
- bgImg2: null,
|
|
|
- bgImg3: null,
|
|
|
- bgImg4: null,
|
|
|
- createTime: null
|
|
|
- };
|
|
|
- this.resetForm('form');
|
|
|
+ getData(row) {
|
|
|
+ if (this.flag === 1) {
|
|
|
+ this.form.briefText1 = row.title + '?id=' + row.contentId;
|
|
|
+ }
|
|
|
+ if (this.flag === 2) {
|
|
|
+ this.form.briefText2 = row.title + '?id=' + row.contentId;
|
|
|
+ }
|
|
|
+ if (this.flag === 3) {
|
|
|
+ this.form.briefText3 = row.title + '?id=' + row.contentId;
|
|
|
+ }
|
|
|
+ if (this.flag === 4) {
|
|
|
+ this.form.briefText4 = row.title + '?id=' + row.contentId;
|
|
|
+ }
|
|
|
},
|
|
|
/** 提交按钮 */
|
|
|
submitForm() {
|
|
|
this.$refs['form'].validate(valid => {
|
|
|
if (valid) {
|
|
|
- if (this.form.aboutUsId != null) {
|
|
|
- updateAboutUs(this.form).then(response => {
|
|
|
- this.msgSuccess('修改成功');
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- } else {
|
|
|
- addAboutUs(this.form).then(response => {
|
|
|
- this.msgSuccess('新增成功');
|
|
|
- this.open = false;
|
|
|
- this.getList();
|
|
|
- });
|
|
|
- }
|
|
|
+ this.loading = true;
|
|
|
+ updateAboutUs(this.form).then(response => {
|
|
|
+ this.loading = false;
|
|
|
+ this.msgSuccess('修改成功');
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.init(1);
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style></style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.input {
|
|
|
+ width: 40%;
|
|
|
+ float: left;
|
|
|
+ margin: -150px 0px 0px 200px;
|
|
|
+}
|
|
|
+</style>
|