Skip to content

X
xinrenli-admin
Commit f3990ff4 by zhangmengjie
Options

Merge branch 'feature_lyj' of http://git.nyinhong.com/zhengyunfei/xinrenli-admin into feature/zmj

parents c0609970 19a58879
Showing with 413 additions and 0 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 0 → 100644
<template>
<div class="app-container">
<el-dialog
:title="title"
:visible.sync="dialogVisible"
width="60%"
:before-close="handleCancle"
>
<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-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="handleCancle">取消</el-button>
<el-button v-if="isEdit" type="primary" @click="onSubmit">{{
form.id ? "保存修改" : "保存添加"
}}</el-button>
</el-dialog>
</div>
</template>
<script>
export default {
props: {
dialogVisible: {
type: Boolean,
},
title: {
type: String,
},
isEdit:Boolean
},
data() {
return {
width: "30%",
value1: "",
form: {
region: "",
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: {
handleCancle() {
this.$emit("cancle");
},
onSubmit() {
let that = this;
that.$refs.form.validate((valid) => {
console.log(valid);
if (valid) {
that.$emit("onSubmit", that.form);
} else {
return false;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.description {
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;
margin-top: 20px;
&-lab {
width: 33%;
&-icke {
width: 100%;
}
}
}
</style>
src/views/marketing/index.vue 0 → 100644
<template>
<div class="app-container">
<el-form ref="queryForm" size="small" :inline="true" label-width="94px">
<el-form-item>
<el-button
type="primary"
icon="el-icon-circle-plus-outline"
size="mini"
@click="handleAdd"
>添加优惠券</el-button
>
</el-form-item>
</el-form>
<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="city"
label="券类型"
:show-overflow-tooltip="true"
align="center"
>
</el-table-column>
<el-table-column
prop="name"
label="优惠内容"
:show-overflow-tooltip="true"
align="center"
>
</el-table-column>
<el-table-column
prop="province"
label="使用门槛"
:show-overflow-tooltip="true"
align="center"
>
</el-table-column>
<el-table-column
prop="date"
label="生效时间"
:show-overflow-tooltip="true"
align="center"
>
</el-table-column>
<el-table-column
prop="date"
label="失效时间"
:show-overflow-tooltip="true"
align="center"
>
</el-table-column>
<el-table-column label="操作" width="150" align="center">
<template slot-scope="scope">
<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,
control: "0",
total: 5,
title: "添加优惠券",
queryParams: {
pageNum: 0,
pageSize: 10,
},
value: "",
tableData: [
{
date: "2016-05-02",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1518 弄",
},
{
date: "2016-05-04",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1517 弄",
},
{
date: "2016-05-01",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1519 弄",
},
{
date: "2016-05-03",
name: "王小虎",
province: "上海",
city: "普陀区",
address: "上海市普陀区金沙江路 1516 弄",
},
],
isEdit:true,//判断添加修改详情的保存按钮是否显示
};
},
created() {},
methods: {
// 页码切换
getList() {},
handleAdd() {
let that = this;
that.title = "添加优惠券";
that.isEdit = true
that.dialogVisible = true;
},
// 修改详情
modify(sta, type) {
let that = this;
if (type == "1") {
that.title = "修改优惠券";
that.isEdit = true
} else if (type == "2") {
that.title = "查看优惠券";
that.isEdit = false
}
that.dialogVisible = true;
},
//保存
handleSave(e){
console.log('表单值',e)
},
// 其他 弹窗关闭
handleCancleDialog() {
this.dialogVisible = 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