Skip to content

X
xinrenli-admin
Commit 02d02015 by honghong
Options

营销活动和用户反馈模块页面

parent 6086b3cf
Showing with 232 additions and 91 deletions
src/views/feedback/index.vue 0 → 100644
<template>
<div>
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" width="50" label="序号" align="center">
</el-table-column>
<el-table-column
prop="title"
label="标题"
:show-overflow-tooltip="true"
align="center"
width="300px"
>
</el-table-column>
<el-table-column
prop="describe"
label="描述"
:show-overflow-tooltip="true"
width="300"
align="center"
>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
<script>
export default {
data() {
return {
queryParams: {
pageNum: 1,
pageSize: 10,
},
total: 10,
tableData: [
{
title: "不断实现人民对美好生活的向往",
describe:
"春日暖阳中，陕西省延安市甘泉县桥镇乡桥镇村村民正忙着大棚升级改造，温室里各种蔬菜青翠欲滴。“人民幸福安康是推动高质量发展的最终目的，总书记的话说到了我们心坎里。”樊九平说，“靠着大力发展特色产业，这些年我们的日子就像种下的山地苹果，越来越红火！春日暖阳中，陕西省延安市甘泉县桥镇乡桥镇村村民正忙着大棚升级改造，温室里各种蔬菜青翠欲滴。“人民幸福安康是推动高质量发展的最终目的，总书记的话说到了我们心坎里。”樊九平说，“靠着大力发展特色产业，这些年我们的日子就像种下的山地苹果，越来越红火”",
},
],
};
},
methods:{
getList(){}
}
};
</script>
<style lang="scss" scoped></style>
<style lang="css">
.el-tooltip__popper {
max-width: 30%;
line-height: 20px;
}
</style>
src/views/marketing/components/detailFile.vue
...@@ -2,88 +2,151 @@ ...@@ -2,88 +2,151 @@
<div class="app-container"> <div class="app-container">
<el-dialog <el-dialog
:title="title" :title="title"
:visible.sync="dialogVisibl" :visible.sync="dialogVisible"
width="60%" width="60%"
:before-close="dialog" :before-close="handleCancle"
> >
<el-form ref="form" :model="form" label-width="80px"> <el-form
<span class="description">客户基本信息</span> :model="form"
<div class="customer"> :rules="rules"
<el-form-item label="联系人" class="customer-lab"> ref="form"
<el-input v-model="form.name"></el-input> label-width="100px"
</el-form-item> class="demo-form"
<el-form-item label="联系电话" class="customer-lab"> >
<el-input v-model="form.name"></el-input> <el-form-item label="券类型" prop="region">
</el-form-item> <el-select v-model="form.region" placeholder="请选择">
<el-form-item label="订单标题" class="customer-lab"> <el-option
<el-input v-model="form.name"></el-input> v-for="item in activeAreaList"
</el-form-item> :key="item.value"
<el-form-item label="联系人" class="customer-lab"> :label="item.label"
<el-date-picker :value="item.value"
v-model="value1"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
class="customer-lab-icke"
> >
</el-date-picker> </el-option>
</el-form-item> </el-select>
<el-form-item label="维修地址" class="customer-lab"> </el-form-item>
<el-input v-model="form.name"></el-input> <el-form-item label="优惠内容" prop="content">
</el-form-item> <div class="d-flex a-center custom-input">
</div> <div class="margin-right">减免</div>
<el-input
class="flex-1"
type="number"
min="1"
placeholder="减免金额>0且<99999"
v-model="form.content"
>
</el-input>
<div class="margin-left">元</div>
</div>
</el-form-item>
<el-form-item label="优惠门槛" prop="content">
<div class="d-flex a-center custom-input">
<div class="margin-right">最低消费，满</div>
<el-input
class="flex-1"
type="number"
min="0"
v-model="form.content"
/>
<div class="margin-left">元，可用</div>
</div>
</el-form-item>
<el-form-item label="生效时间" prop="startTime">
<el-date-picker
v-model="form.startTime"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
<el-form-item label="失效时间" prop="endTime">
<el-date-picker
v-model="form.endTime"
type="date"
placeholder="选择日期"
>
</el-date-picker>
</el-form-item>
</el-form> </el-form>
<el-button @click="dialog">取消</el-button> <el-button @click="handleCancle">取消</el-button>
<el-button type="primary" @click="onSubmit">保存添加</el-button> <el-button v-if="isEdit" type="primary" @click="onSubmit">{{
form.id ? "保存修改" : "保存添加"
}}</el-button>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import comvideo from "./video.vue";
export default { export default {
name: "modify",
components: {
comvideo,
},
props: { props: {
dialogVisibl: { dialogVisible: {
type: Boolean, type: Boolean,
}, },
title: { title: {
type: String, type: String,
}, },
isEdit:Boolean
}, },
data() { data() {
return { return {
width: "30%", width: "30%",
url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
srcList: [
"https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
"https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg",
],
value1: "", value1: "",
form: { form: {
name: "",
region: "", region: "",
date1: "", content: "",
date2: "", startTime: "",
delivery: false, endTime: "",
type: [], },
resource: "", rules: {
desc: "", content: [
{ required: true, message: "请输入优惠内容", trigger: "blur" },
],
region: [
{ required: true, message: "请选择活动区域", trigger: "change" },
],
startTime: [
{
type: "date",
required: true,
message: "请选择日期",
trigger: "change",
},
],
endTime: [
{
type: "date",
required: true,
message: "请选择日期",
trigger: "change",
},
],
}, },
activeAreaList: [
{
value: "新用户券",
label: "新用户券",
},
{
value: "满减券",
label: "满减券",
},
],
}; };
}, },
created() {}, created() {},
methods: { methods: {
dialog() { handleCancle() {
this.$emit("diaisibl"); this.$emit("cancle");
}, },
onSubmit() { onSubmit() {
this.$emit("onSubmit"); let that = this;
that.$refs.form.validate((valid) => {
console.log(valid);
if (valid) {
that.$emit("onSubmit", that.form);
} else {
return false;
}
});
}, },
}, },
}; };
...@@ -93,7 +156,24 @@ export default { ...@@ -93,7 +156,24 @@ export default {
font-size: 25px; font-size: 25px;
margin-top: 10px; margin-top: 10px;
} }
.d-flex {
display: flex;
}
.a-center {
align-items: center;
}
.flex-1 {
flex: 1;
}
.margin-left {
margin-left: 10px;
}
.margin-right {
margin-right: 10px;
}
.custom-input {
width: 250px !important;
}
.customer { .customer {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
...@@ -107,14 +187,4 @@ export default { ...@@ -107,14 +187,4 @@ export default {
} }
} }
} }
.imgdiv {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
&-img {
width: 120px;
}
}
</style> </style>
src/views/marketing/index.vue
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<el-form-item> <el-form-item>
<el-button <el-button
type="primary" type="primary"
icon="el-icon-search" icon="el-icon-circle-plus-outline"
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
>添加优惠券</el-button >添加优惠券</el-button
...@@ -56,28 +56,37 @@ ...@@ -56,28 +56,37 @@
<el-button type="text" size="small" @click="modify(scope.row, '1')" <el-button type="text" size="small" @click="modify(scope.row, '1')"
>修改</el-button >修改</el-button
> >
<el-button type="text" size="small" @click="modify(scope.row, '1')" <el-button type="text" size="small">删除</el-button>
>删除</el-button
>
<el-button type="text" size="small" @click="modify(scope.row, '2')" <el-button type="text" size="small" @click="modify(scope.row, '2')"
>详情</el-button >详情</el-button
> >
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
@pagination="getList" />
<!-- 弹出框 -->
<dialogFile
:dialogVisible="dialogVisible"
:title="title"
@cancle="handleCancleDialog"
@onSubmit="handleSave"
:isEdit="isEdit"
></dialogFile>
</div> </div>
</template> </template>
<script> <script>
import dialogFile from "./components/detailFile.vue";
export default { export default {
name: "orderform", name: "orderform",
components: { dialogFile },
data() { data() {
return { return {
dialogVisible: false, dialogVisible: false,
dialogVi: false,
control: "0", control: "0",
total: 5, total: 5,
title: "修改订单", title: "添加优惠券",
queryParams: { queryParams: {
pageNum: 0, pageNum: 0,
pageSize: 10, pageSize: 10,
...@@ -113,40 +122,39 @@ export default { ...@@ -113,40 +122,39 @@ export default {
address: "上海市普陀区金沙江路 1516 弄", address: "上海市普陀区金沙江路 1516 弄",
}, },
], ],
// 预览参数 isEdit:true,//判断添加修改详情的保存按钮是否显示
preview: {
open: false,
title: "代码预览",
data: {},
activeName: "domain.java",
},
}; };
}, },
created() {}, created() {},
methods: { methods: {
// 页码切换 // 页码切换
getList() {}, getList() {},
handleAdd() {
let that = this;
that.title = "添加优惠券";
that.isEdit = true
that.dialogVisible = true;
},
// 修改详情 // 修改详情
modify(sta, val) { modify(sta, type) {
if (val == "1") { let that = this;
this.title = "修改订单"; if (type == "1") {
} else { that.title = "修改优惠券";
this.title = "订单详情"; that.isEdit = true
} else if (type == "2") {
that.title = "查看优惠券";
that.isEdit = false
} }
this.dialogVi = true; that.dialogVisible = true;
},
//保存
handleSave(e){
console.log('表单值',e)
}, },
// 其他 弹窗关闭 // 其他 弹窗关闭
visivie() { handleCancleDialog() {
this.dialogVisible = false; this.dialogVisible = false;
}, },
// 详情 修改 弹窗关闭
diaisibl() {
this.dialogVi = false;
},
// 详情 修改 确认修改
onSubmit() {
this.dialogVi = false;
},
}, },
}; };
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment