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 @@
<div class="app-container">
<el-dialog
:title="title"
:visible.sync="dialogVisibl"
:visible.sync="dialogVisible"
width="60%"
:before-close="dialog"
:before-close="handleCancle"
>
<el-form ref="form" :model="form" label-width="80px">
<span class="description">客户基本信息</span>
<div class="customer">
<el-form-item label="联系人" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系电话" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="订单标题" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="联系人" class="customer-lab">
<el-date-picker
v-model="value1"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
class="customer-lab-icke"
<el-form
:model="form"
:rules="rules"
ref="form"
label-width="100px"
class="demo-form"
>
<el-form-item label="券类型" prop="region">
<el-select v-model="form.region" placeholder="请选择">
<el-option
v-for="item in activeAreaList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-date-picker>
</el-form-item>
<el-form-item label="维修地址" class="customer-lab">
<el-input v-model="form.name"></el-input>
</el-form-item>
</div>
</el-option>
</el-select>
</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="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-button @click="dialog">取消</el-button>
<el-button type="primary" @click="onSubmit">保存添加</el-button>
<el-button @click="handleCancle">取消</el-button>
<el-button v-if="isEdit" type="primary" @click="onSubmit">{{
form.id ? "保存修改" : "保存添加"
}}</el-button>
</el-dialog>
</div>
</template>
<script>
import comvideo from "./video.vue";
export default {
name: "modify",
components: {
comvideo,
},
props: {
dialogVisibl: {
dialogVisible: {
type: Boolean,
},
title: {
type: String,
},
isEdit:Boolean
},
data() {
return {
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: "",
form: {
name: "",
region: "",
date1: "",
date2: "",
delivery: false,
type: [],
resource: "",
desc: "",
content: "",
startTime: "",
endTime: "",
},
rules: {
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() {},
methods: {
dialog() {
this.$emit("diaisibl");
handleCancle() {
this.$emit("cancle");
},
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 {
font-size: 25px;
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 {
display: flex;
flex-wrap: wrap;
......@@ -107,14 +187,4 @@ export default {
}
}
}
.imgdiv {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
&-img {
width: 120px;
}
}
</style>
src/views/marketing/index.vue
......@@ -4,7 +4,7 @@
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
icon="el-icon-circle-plus-outline"
size="mini"
@click="handleAdd"
>添加优惠券</el-button
......@@ -56,28 +56,37 @@
<el-button type="text" size="small" @click="modify(scope.row, '1')"
>修改</el-button
>
<el-button type="text" size="small" @click="modify(scope.row, '1')"
>删除</el-button
>
<el-button type="text" size="small">删除</el-button>
<el-button type="text" size="small" @click="modify(scope.row, '2')"
>详情</el-button
>
</template>
</el-table-column>
</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>
</template>
<script>
import dialogFile from "./components/detailFile.vue";
export default {
name: "orderform",
components: { dialogFile },
data() {
return {
dialogVisible: false,
dialogVi: false,
control: "0",
total: 5,
title: "修改订单",
title: "添加优惠券",
queryParams: {
pageNum: 0,
pageSize: 10,
......@@ -113,40 +122,39 @@ export default {
address: "上海市普陀区金沙江路 1516 弄",
},
],
// 预览参数
preview: {
open: false,
title: "代码预览",
data: {},
activeName: "domain.java",
},
isEdit:true,//判断添加修改详情的保存按钮是否显示
};
},
created() {},
methods: {
// 页码切换
getList() {},
handleAdd() {
let that = this;
that.title = "添加优惠券";
that.isEdit = true
that.dialogVisible = true;
},
// 修改详情
modify(sta, val) {
if (val == "1") {
this.title = "修改订单";
} else {
this.title = "订单详情";
modify(sta, type) {
let that = this;
if (type == "1") {
that.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;
},
// 详情 修改 弹窗关闭
diaisibl() {
this.dialogVi = false;
},
// 详情 修改 确认修改
onSubmit() {
this.dialogVi = false;
},
},
};
</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