|
|
@@ -107,285 +107,285 @@ import tableTitle from './components/tableTitle.vue';
|
|
|
//引入公用样式
|
|
|
import '@/styles/global.less';
|
|
|
import { addFooterContent, getFooterContent, upFooterContent, delFooterContent } from '@/api/tabbar'
|
|
|
-export default {
|
|
|
- components: {
|
|
|
- tableTitle,//表格标题-
|
|
|
- },
|
|
|
- data() {
|
|
|
- const validateEmpty = (rule, value, callback) => {
|
|
|
- if (value.length == 0) {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- }
|
|
|
- return {
|
|
|
- tableDivTitle: "底部导航详情", //列表标题
|
|
|
- dialogTableVisible: false, //编辑弹框
|
|
|
- dialogName: '编辑', //编辑弹窗名称
|
|
|
-
|
|
|
- tableData: [],//表格数据
|
|
|
- tabbarId: '',//底部导航传递的id
|
|
|
- tabbarType: 1,//底部导航传递的类型
|
|
|
-
|
|
|
- //活动id
|
|
|
- activeid: "",
|
|
|
-
|
|
|
- // 分页相关
|
|
|
- page: 1,
|
|
|
- pageSize: 10,
|
|
|
- total: 0,
|
|
|
-
|
|
|
-
|
|
|
- // 搜索框相关
|
|
|
- listTitle: '', //网站名称id
|
|
|
- contentTitle: '', //广告位名称
|
|
|
-
|
|
|
- //弹框相关
|
|
|
- ruleForm: {
|
|
|
- listTitle: '', //列表标题
|
|
|
- contentTitle: '', //内容标题
|
|
|
- contentDetail: '', //内容详情
|
|
|
- },
|
|
|
- rules: {
|
|
|
- listTitle: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- contentTitle: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- contentDetail: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //1.列表和分页相关 start ------------------------------------------------------------>
|
|
|
- //1.1 开始请求列表信息方法
|
|
|
- getData() {
|
|
|
- getFooterContent({
|
|
|
- fcat_id: this.tabbarId,
|
|
|
- page: this.page,
|
|
|
- pageSize: this.pageSize
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- this.tableData = data.data.rows
|
|
|
- this.total = data.data.count
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
- //1.2 删除内容
|
|
|
- deleteRow(id) {
|
|
|
- console.log(id);
|
|
|
- let data = new FormData()
|
|
|
- data.append('id', id)
|
|
|
- this.$confirm('注意:删除后，该条信息及其绑定关系全部删除', '是否确认删除该条信息？', {
|
|
|
- confirmButtonText: '确定',
|
|
|
- cancelButtonText: '取消',
|
|
|
- }).then(() => {
|
|
|
- console.log("当前删除：" + id)
|
|
|
-
|
|
|
- delFooterContent({
|
|
|
- id: id
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- if (data.code = 200) {
|
|
|
- this.$message({
|
|
|
- message: '删除成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.getData()
|
|
|
- } else if (data.code == 0) {
|
|
|
- this.$message({
|
|
|
- message: data.message,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'warning',
|
|
|
- message: '已取消删除'
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- //1.3 列表内容分页
|
|
|
- //直接跳转
|
|
|
- handleSizeChange(val) {
|
|
|
- this.page = val;
|
|
|
- this.getData();
|
|
|
- },
|
|
|
- //1.4 点击分页
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.page = val;
|
|
|
- this.getData();
|
|
|
- },
|
|
|
- // 1.5 搜索按钮
|
|
|
- goSearch() {
|
|
|
- getFooterContent({
|
|
|
- fcat_id: this.tabbarId,
|
|
|
- page: this.page,
|
|
|
- pageSize: this.pageSize,
|
|
|
- list_title:this.listTitle,
|
|
|
- con_title:this.contentTitle,
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- this.tableData = data.data.rows
|
|
|
- this.total = data.data.count
|
|
|
- })
|
|
|
- },
|
|
|
- //1.6 重置按钮
|
|
|
- goReset() {
|
|
|
- this.listTitle = ""
|
|
|
- this.contentTitle = ""
|
|
|
- this.getData()
|
|
|
- },
|
|
|
- //列表和分页相关 end ------------------------------------------------------------>
|
|
|
-
|
|
|
- //1.7 编辑
|
|
|
- goEdit(id, val) {
|
|
|
- // console.log(id);
|
|
|
- this.dialogName = '编辑'
|
|
|
- this.activeid = id
|
|
|
- this.dialogTableVisible = true
|
|
|
- console.log(id, val);
|
|
|
-
|
|
|
- //数据回显
|
|
|
- this.ruleForm.listTitle = val.list_title //列表标题
|
|
|
- this.ruleForm.contentTitle = val.con_title //内容标题
|
|
|
- this.ruleForm.contentDetail = val.content //内容详情
|
|
|
- },
|
|
|
-
|
|
|
- //1.8 添加
|
|
|
- addWebsite() {
|
|
|
- this.dialogTableVisible = true
|
|
|
- this.dialogName = "添加"
|
|
|
-
|
|
|
- //添加时清空回显回来的数据
|
|
|
- this.ruleForm.contentTitle = '' //内容标题
|
|
|
- this.ruleForm.contentDetail = '' //内容详情
|
|
|
- },
|
|
|
-
|
|
|
- // 弹出层相关方法
|
|
|
- // 1.9 提交表单
|
|
|
- submitForm(formName) {
|
|
|
- // 判断用户是否输入数据
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- console.log('submit!');
|
|
|
- } else {
|
|
|
- console.log('error submit!!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
- if (this.dialogName == "添加") {
|
|
|
- if (this.tabbarType == 0) { //详情页类型
|
|
|
- addFooterContent({
|
|
|
- fcat_id: this.tabbarId,
|
|
|
- type: this.tabbarType,
|
|
|
- con_title: this.ruleForm.contentTitle,
|
|
|
- content: this.ruleForm.contentDetail,
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- if (data.code == 200) {
|
|
|
- this.$message({
|
|
|
- message: '添加成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.dialogTableVisible = false
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: data.message,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- } else if (this.tabbarType == 1) { //列表页类型
|
|
|
- addFooterContent({
|
|
|
- fcat_id: this.tabbarId,
|
|
|
- type: this.tabbarType,
|
|
|
- list_title: this.ruleForm.listTitle,
|
|
|
- con_title: this.ruleForm.contentTitle,
|
|
|
- content: this.ruleForm.contentDetail,
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- if (data.code == 200) {
|
|
|
- this.$message({
|
|
|
- message: '添加成功',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.dialogTableVisible = false
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: data.message,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- if (this.dialogName == "编辑") {
|
|
|
- if (this.tabbarType == 0) { //详情页类型
|
|
|
- upFooterContent({
|
|
|
- id: this.activeid, //内容id
|
|
|
- type: this.tabbarType,
|
|
|
- con_title: this.ruleForm.contentTitle,
|
|
|
- content: this.ruleForm.contentDetail,
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- if (data.code == 200) {
|
|
|
- this.$message({
|
|
|
- message: '修改成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.dialogTableVisible = false
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: data.message,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- } else if (this.tabbarType == 1) { //列表页类型
|
|
|
- upFooterContent({
|
|
|
- id: this.activeid, //内容id
|
|
|
- type: this.tabbarType,
|
|
|
- list_title: this.ruleForm.listTitle,
|
|
|
- con_title: this.ruleForm.contentTitle,
|
|
|
- content: this.ruleForm.contentDetail,
|
|
|
- }).then(data => {
|
|
|
- console.log(data);
|
|
|
- if (data.code == 200) {
|
|
|
- this.$message({
|
|
|
- message: '修改成功!',
|
|
|
- type: 'success'
|
|
|
- })
|
|
|
- this.dialogTableVisible = false
|
|
|
- this.getData()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- message: data.message,
|
|
|
- type: 'error'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- //取消
|
|
|
- cancelForm() {
|
|
|
- this.dialogTableVisible = false
|
|
|
- },
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- console.log(this.$route.query.id);
|
|
|
- this.tabbarId = this.$route.query.id
|
|
|
- this.tabbarType = this.$route.query.type
|
|
|
-
|
|
|
- this.getData() //获取数据
|
|
|
- },
|
|
|
-}
|
|
|
+// export default {
|
|
|
+// components: {
|
|
|
+// tableTitle,//表格标题-
|
|
|
+// },
|
|
|
+// data() {
|
|
|
+// const validateEmpty = (rule, value, callback) => {
|
|
|
+// if (value.length == 0) {
|
|
|
+// callback(new Error('该项不能为空！'))
|
|
|
+// } else {
|
|
|
+// callback()
|
|
|
+// }
|
|
|
+// }
|
|
|
+// return {
|
|
|
+// tableDivTitle: "单页详情", //列表标题
|
|
|
+// dialogTableVisible: false, //编辑弹框
|
|
|
+// dialogName: '编辑', //编辑弹窗名称
|
|
|
+
|
|
|
+// tableData: [],//表格数据
|
|
|
+// tabbarId: '',//底部导航传递的id
|
|
|
+// tabbarType: 1,//底部导航传递的类型
|
|
|
+
|
|
|
+// //活动id
|
|
|
+// activeid: "",
|
|
|
+
|
|
|
+// // 分页相关
|
|
|
+// page: 1,
|
|
|
+// pageSize: 10,
|
|
|
+// total: 0,
|
|
|
+
|
|
|
+
|
|
|
+// // 搜索框相关
|
|
|
+// listTitle: '', //网站名称id
|
|
|
+// contentTitle: '', //广告位名称
|
|
|
+
|
|
|
+// //弹框相关
|
|
|
+// ruleForm: {
|
|
|
+// listTitle: '', //列表标题
|
|
|
+// contentTitle: '', //内容标题
|
|
|
+// contentDetail: '', //内容详情
|
|
|
+// },
|
|
|
+// rules: {
|
|
|
+// listTitle: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+// contentTitle: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+// contentDetail: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+// }
|
|
|
+// }
|
|
|
+// },
|
|
|
+// methods: {
|
|
|
+// //1.列表和分页相关 start ------------------------------------------------------------>
|
|
|
+// //1.1 开始请求列表信息方法
|
|
|
+// getData() {
|
|
|
+// getFooterContent({
|
|
|
+// fcat_id: this.tabbarId,
|
|
|
+// page: this.page,
|
|
|
+// pageSize: this.pageSize
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// this.tableData = data.data.rows
|
|
|
+// this.total = data.data.count
|
|
|
+// })
|
|
|
+// },
|
|
|
+
|
|
|
+// //1.2 删除内容
|
|
|
+// deleteRow(id) {
|
|
|
+// console.log(id);
|
|
|
+// let data = new FormData()
|
|
|
+// data.append('id', id)
|
|
|
+// this.$confirm('注意:删除后，该条信息及其绑定关系全部删除', '是否确认删除该条信息？', {
|
|
|
+// confirmButtonText: '确定',
|
|
|
+// cancelButtonText: '取消',
|
|
|
+// }).then(() => {
|
|
|
+// console.log("当前删除：" + id)
|
|
|
+
|
|
|
+// delFooterContent({
|
|
|
+// id: id
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// if (data.code = 200) {
|
|
|
+// this.$message({
|
|
|
+// message: '删除成功',
|
|
|
+// type: 'success'
|
|
|
+// })
|
|
|
+// this.getData()
|
|
|
+// } else if (data.code == 0) {
|
|
|
+// this.$message({
|
|
|
+// message: data.message,
|
|
|
+// type: 'error'
|
|
|
+// })
|
|
|
+// }
|
|
|
+// })
|
|
|
+
|
|
|
+// }).catch(() => {
|
|
|
+// this.$message({
|
|
|
+// type: 'warning',
|
|
|
+// message: '已取消删除'
|
|
|
+// });
|
|
|
+// });
|
|
|
+// },
|
|
|
+
|
|
|
+// //1.3 列表内容分页
|
|
|
+// //直接跳转
|
|
|
+// handleSizeChange(val) {
|
|
|
+// this.page = val;
|
|
|
+// this.getData();
|
|
|
+// },
|
|
|
+// //1.4 点击分页
|
|
|
+// handleCurrentChange(val) {
|
|
|
+// this.page = val;
|
|
|
+// this.getData();
|
|
|
+// },
|
|
|
+// // 1.5 搜索按钮
|
|
|
+// goSearch() {
|
|
|
+// getFooterContent({
|
|
|
+// fcat_id: this.tabbarId,
|
|
|
+// page: this.page,
|
|
|
+// pageSize: this.pageSize,
|
|
|
+// list_title:this.listTitle,
|
|
|
+// con_title:this.contentTitle,
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// this.tableData = data.data.rows
|
|
|
+// this.total = data.data.count
|
|
|
+// })
|
|
|
+// },
|
|
|
+// //1.6 重置按钮
|
|
|
+// goReset() {
|
|
|
+// this.listTitle = ""
|
|
|
+// this.contentTitle = ""
|
|
|
+// this.getData()
|
|
|
+// },
|
|
|
+// //列表和分页相关 end ------------------------------------------------------------>
|
|
|
+
|
|
|
+// //1.7 编辑
|
|
|
+// goEdit(id, val) {
|
|
|
+// // console.log(id);
|
|
|
+// this.dialogName = '编辑'
|
|
|
+// this.activeid = id
|
|
|
+// this.dialogTableVisible = true
|
|
|
+// console.log(id, val);
|
|
|
+
|
|
|
+// //数据回显
|
|
|
+// this.ruleForm.listTitle = val.list_title //列表标题
|
|
|
+// this.ruleForm.contentTitle = val.con_title //内容标题
|
|
|
+// this.ruleForm.contentDetail = val.content //内容详情
|
|
|
+// },
|
|
|
+
|
|
|
+// //1.8 添加
|
|
|
+// addWebsite() {
|
|
|
+// this.dialogTableVisible = true
|
|
|
+// this.dialogName = "添加"
|
|
|
+
|
|
|
+// //添加时清空回显回来的数据
|
|
|
+// this.ruleForm.contentTitle = '' //内容标题
|
|
|
+// this.ruleForm.contentDetail = '' //内容详情
|
|
|
+// },
|
|
|
+
|
|
|
+// // 弹出层相关方法
|
|
|
+// // 1.9 提交表单
|
|
|
+// submitForm(formName) {
|
|
|
+// // 判断用户是否输入数据
|
|
|
+// this.$refs[formName].validate((valid) => {
|
|
|
+// if (valid) {
|
|
|
+// console.log('submit!');
|
|
|
+// } else {
|
|
|
+// console.log('error submit!!');
|
|
|
+// return false;
|
|
|
+// }
|
|
|
+// });
|
|
|
+// if (this.dialogName == "添加") {
|
|
|
+// if (this.tabbarType == 0) { //详情页类型
|
|
|
+// addFooterContent({
|
|
|
+// fcat_id: this.tabbarId,
|
|
|
+// type: this.tabbarType,
|
|
|
+// con_title: this.ruleForm.contentTitle,
|
|
|
+// content: this.ruleForm.contentDetail,
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// if (data.code == 200) {
|
|
|
+// this.$message({
|
|
|
+// message: '添加成功',
|
|
|
+// type: 'success'
|
|
|
+// })
|
|
|
+// this.dialogTableVisible = false
|
|
|
+// this.getData()
|
|
|
+// } else {
|
|
|
+// this.$message({
|
|
|
+// message: data.message,
|
|
|
+// type: 'error'
|
|
|
+// })
|
|
|
+// }
|
|
|
+// })
|
|
|
+// } else if (this.tabbarType == 1) { //列表页类型
|
|
|
+// addFooterContent({
|
|
|
+// fcat_id: this.tabbarId,
|
|
|
+// type: this.tabbarType,
|
|
|
+// list_title: this.ruleForm.listTitle,
|
|
|
+// con_title: this.ruleForm.contentTitle,
|
|
|
+// content: this.ruleForm.contentDetail,
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// if (data.code == 200) {
|
|
|
+// this.$message({
|
|
|
+// message: '添加成功',
|
|
|
+// type: 'success'
|
|
|
+// })
|
|
|
+// this.dialogTableVisible = false
|
|
|
+// this.getData()
|
|
|
+// } else {
|
|
|
+// this.$message({
|
|
|
+// message: data.message,
|
|
|
+// type: 'error'
|
|
|
+// })
|
|
|
+// }
|
|
|
+// })
|
|
|
+// }
|
|
|
+// }
|
|
|
+// if (this.dialogName == "编辑") {
|
|
|
+// if (this.tabbarType == 0) { //详情页类型
|
|
|
+// upFooterContent({
|
|
|
+// id: this.activeid, //内容id
|
|
|
+// type: this.tabbarType,
|
|
|
+// con_title: this.ruleForm.contentTitle,
|
|
|
+// content: this.ruleForm.contentDetail,
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// if (data.code == 200) {
|
|
|
+// this.$message({
|
|
|
+// message: '修改成功!',
|
|
|
+// type: 'success'
|
|
|
+// })
|
|
|
+// this.dialogTableVisible = false
|
|
|
+// this.getData()
|
|
|
+// } else {
|
|
|
+// this.$message({
|
|
|
+// message: data.message,
|
|
|
+// type: 'error'
|
|
|
+// })
|
|
|
+// }
|
|
|
+// })
|
|
|
+// } else if (this.tabbarType == 1) { //列表页类型
|
|
|
+// upFooterContent({
|
|
|
+// id: this.activeid, //内容id
|
|
|
+// type: this.tabbarType,
|
|
|
+// list_title: this.ruleForm.listTitle,
|
|
|
+// con_title: this.ruleForm.contentTitle,
|
|
|
+// content: this.ruleForm.contentDetail,
|
|
|
+// }).then(data => {
|
|
|
+// console.log(data);
|
|
|
+// if (data.code == 200) {
|
|
|
+// this.$message({
|
|
|
+// message: '修改成功!',
|
|
|
+// type: 'success'
|
|
|
+// })
|
|
|
+// this.dialogTableVisible = false
|
|
|
+// this.getData()
|
|
|
+// } else {
|
|
|
+// this.$message({
|
|
|
+// message: data.message,
|
|
|
+// type: 'error'
|
|
|
+// })
|
|
|
+// }
|
|
|
+// })
|
|
|
+// }
|
|
|
+// }
|
|
|
+
|
|
|
+// },
|
|
|
+// //取消
|
|
|
+// cancelForm() {
|
|
|
+// this.dialogTableVisible = false
|
|
|
+// },
|
|
|
+// },
|
|
|
+// mounted() {
|
|
|
+// console.log(this.$route.query.id);
|
|
|
+// this.tabbarId = this.$route.query.id
|
|
|
+// this.tabbarType = this.$route.query.type
|
|
|
+
|
|
|
+// this.getData() //获取数据
|
|
|
+// },
|
|
|
+// }
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
Jing