登录方式更改
十七
4 years ago
parent
f588163560
commit
7f095251f2
@ -0,0 +1,69 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :close-on-click-modal="false" class="text-center" v-dialogDrag title="选择门店" center :visible.sync="dialogVisible" width="500px">
|
||||||
|
<el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" style="width: 500px;margin-top:5px" max-height="650" @current-change="rowClick" @row-dblclick="confirm">
|
||||||
|
<el-table-column label="选择" width="80" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-radio v-model="rowIndex" :label="scope.row.id" @change.native="scope.row">
|
||||||
|
{{ "" }}
|
||||||
|
</el-radio>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="门店编码" align="center" min-width="100" prop="storeNum"></el-table-column>
|
||||||
|
<el-table-column label="门店名称" align="center" min-width="180" prop="storeName"></el-table-column>
|
||||||
|
<el-table-column label="属性" align="center" min-width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div class="padding-xs">
|
||||||
|
<span v-if="scope.row.parentId" class="text-blue text-bold">(分店)</span>
|
||||||
|
<span v-else class="text-red text-bold">(总店)</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button class="margin-left-lg" size="mini" type="primary" @click="dialogVisible = false">取 消</el-button>
|
||||||
|
<el-button size="mini" type="primary" :disabled="rowIndex == -1" @click="confirm()">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listLoading: false, //list加载提示开启动画
|
||||||
|
elementLoadingText: "正在加载中...",
|
||||||
|
dialogVisible: false, //弹窗开关
|
||||||
|
form: {}, //主对象
|
||||||
|
list: [], //主数组
|
||||||
|
radio: "",
|
||||||
|
rowIndex: "",
|
||||||
|
rowForm: {},
|
||||||
|
storeNum: "",
|
||||||
|
storeName: "",
|
||||||
|
passText: "",
|
||||||
|
showNumber: -1,
|
||||||
|
storeId: "",
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//组件传值
|
||||||
|
show(list) {
|
||||||
|
this.dialogVisible = true;
|
||||||
|
this.list = [...list];
|
||||||
|
this.rowIndex = -1;
|
||||||
|
this.rowForm = {};
|
||||||
|
},
|
||||||
|
//点击选中
|
||||||
|
rowClick(row) {
|
||||||
|
this.rowIndex = row.id;
|
||||||
|
this.rowForm = row;
|
||||||
|
},
|
||||||
|
//确定返回方法
|
||||||
|
confirm() {
|
||||||
|
this.dialogVisible = false;
|
||||||
|
this.$emit("hiddensData", this.rowForm);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,281 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :title="title+'方案'" :visible.sync="dialogFormVisible" width="1000px" :before-close="handleClose">
|
||||||
|
<div class="packing">
|
||||||
|
<el-form ref="form" :model="packingForm" inline :rules="rules" label-width="100px">
|
||||||
|
<el-form-item label="方案名称:" prop="promotionName">
|
||||||
|
<div class="form-width-m">
|
||||||
|
{{packingForm.promotionName}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="项目总数:" prop="projectTotal">
|
||||||
|
<div class="form-width-sm">
|
||||||
|
{{packingForm.projectTotal}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="可选项目数:" prop="projectCount">
|
||||||
|
<div class="form-width-sm">
|
||||||
|
{{packingForm.projectCount}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="打包价:">
|
||||||
|
<div class="form-width-sm">{{ packingForm.saleMoney }}</div>
|
||||||
|
</el-form-item>
|
||||||
|
<br />
|
||||||
|
<el-form-item label="开始日期:" prop="beginDate">
|
||||||
|
<div class="block form-width-m">
|
||||||
|
{{packingForm.beginDate}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="结束日期:" prop="endDate">
|
||||||
|
<div class="block form-width-m">
|
||||||
|
{{packingForm.endDate}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="现付提成:" prop="salesCommission">
|
||||||
|
{{packingForm.salesCommission}}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="卡付提成:" prop="cardSalesCommission">
|
||||||
|
{{packingForm.cardSalesCommission}}
|
||||||
|
</el-form-item><br />
|
||||||
|
<el-form-item label="适用对象:" rop="suitableObject">
|
||||||
|
<div>
|
||||||
|
<el-radio-group disabled v-model="packingForm.suitableObject" style="font-size:14px">
|
||||||
|
<el-radio class="margin-bottom" :label="0">所有会员</el-radio>
|
||||||
|
<el-radio class="margin-top" :label="2">指定会员</el-radio>
|
||||||
|
<el-button :disabled="!(packingForm.suitableObject === 2)" size="mini" type="text" @click="openSuitMember(packingForm)"><span>会员列表</span></el-button>
|
||||||
|
</el-radio-group>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="是否限购:" rop="limitBuy">
|
||||||
|
<div style="width:280px;padding-top:5px">
|
||||||
|
<el-radio-group disabled v-model="packingForm.limitBuy" style="font-size:14px">
|
||||||
|
<el-radio :label="0">不限购</el-radio>
|
||||||
|
<el-radio class="margin-bottom" :label="1">限购</el-radio>
|
||||||
|
<input oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" v-show="packingForm.limitBuy == 1" type="number" v-model="packingForm.limitCount" class="form-width-xss" style="border:none;border-bottom:1px solid #333;margin-right:10px" /><span v-show="packingForm.limitBuy == 1">包</span>
|
||||||
|
</el-radio-group>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="适用门店:" rop="suitableObject">
|
||||||
|
<el-radio-group disabled v-model="packingForm.suitableStore" style="font-size:14px">
|
||||||
|
<el-radio class="margin-bottom" :label="0">所有门店</el-radio>
|
||||||
|
<el-radio class="margin-top" :label="1">指定门店</el-radio>
|
||||||
|
<el-button :disabled="!(packingForm.suitableStore === 1)" size="mini" type="text" @click="openSuitStore(packingForm)"><span>门店列表</span></el-button>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="允许卡付:" rop="limitBuy">
|
||||||
|
<el-radio-group disabled v-model="packingForm.cardBuy" style="font-size:14px">
|
||||||
|
<el-radio :label="1">允许卡付</el-radio>
|
||||||
|
<el-radio :label="0">不允许卡付</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
<div style="width:840px;margin-left:30px">
|
||||||
|
<el-table :data="promotionProjectLists" :header-cell-style="{
|
||||||
|
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||||
|
color: '#eeeeee'
|
||||||
|
}" style="margin-top:10px">
|
||||||
|
<el-table-column prop="projectNum" label="项目编码" align="center" min-width="90"></el-table-column>
|
||||||
|
<el-table-column prop="projectName" label="项目名称" :show-overflow-tooltip="true" align="center" min-width="120"></el-table-column>
|
||||||
|
<el-table-column prop="priceMember" label="标准价" align="center" width="80"></el-table-column>
|
||||||
|
<el-table-column prop="required" label="必选" align="center" min-width="80">
|
||||||
|
<template slot-scope="scope">{{scope.row.required==0?'是':"否"}}</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="times" label="次数" align="center" min-width="80"></el-table-column>
|
||||||
|
<el-table-column prop="projectTotalMoney" label="总金额" align="center" min-width="100" fixed="right"></el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div style="width:100%;background:#eee;display: flex;justify-content:space-between;font-size:14px;line-height:40px">
|
||||||
|
<div class="padding-left">合计</div>
|
||||||
|
<div class="padding-right-lg">
|
||||||
|
<span>最高价: <span class="text-red text-price">{{topPrice}}</span></span>
|
||||||
|
<span class="padding-left-xs">总价值: <span class="text-red text-price">{{projectPriceSum}}</span></span>
|
||||||
|
<span class="padding-left-xs">最低价: <span class="text-red text-price">{{minumumPrice}}</span></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<suit ref="suit" @suitData="suitData"></suit>
|
||||||
|
<membersuit ref="membersuit" @membersuitData="membersuitData"></membersuit>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="handleClose" size="mini">关闭</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
addPromotion,
|
||||||
|
promotionPage,
|
||||||
|
editPromotion,
|
||||||
|
promotionAudit,
|
||||||
|
promotionRevokeAudit,
|
||||||
|
promotionSendAudit,
|
||||||
|
promotionUnAudit,
|
||||||
|
promotionPush,
|
||||||
|
promotionProList,
|
||||||
|
promotionShutDown,
|
||||||
|
} from "@/api/promotion.js";
|
||||||
|
import suit from "../../components/suit";
|
||||||
|
import membersuit from "../../components/memberSuit";
|
||||||
|
export default {
|
||||||
|
components: { suit, membersuit },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
rules: {},
|
||||||
|
title: "", //弹窗标题
|
||||||
|
dialogFormVisible: false, //弹窗开关
|
||||||
|
packingForm: {
|
||||||
|
//方案表单
|
||||||
|
promotionName: "",
|
||||||
|
saleMoney: 0,
|
||||||
|
beginDate: "",
|
||||||
|
endDate: "",
|
||||||
|
suitableObject: 0,
|
||||||
|
limitBuy: 0,
|
||||||
|
limitCount: 100,
|
||||||
|
salesCommission: null,
|
||||||
|
cardSalesCommission: null,
|
||||||
|
cardBuy: 1,
|
||||||
|
cardLimit: 0,
|
||||||
|
suitableStore: 0,
|
||||||
|
},
|
||||||
|
promotionProjectLists: [],
|
||||||
|
projectPriceSum: 0, //方案总价
|
||||||
|
minumumPrice: 0, //最低价
|
||||||
|
topPrice: 0, //最高价
|
||||||
|
editIndex: -1, //编辑行的内容下标
|
||||||
|
sumIndex: -1, //是否重新合计总价
|
||||||
|
date: [], //时间组件默认
|
||||||
|
totalMoneyIndex: -1, //修改总金额:下标
|
||||||
|
timesIndex: -1, //修改次数:下标
|
||||||
|
projectText: "添加", //添加修改项目标识
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
show(form, title) {
|
||||||
|
Object.assign(this.$data, this.$options.data.call(this));
|
||||||
|
if (form) {
|
||||||
|
this.packingForm = { ...form };
|
||||||
|
this.promotionProjectLists = form.promotionProjectLists;
|
||||||
|
}
|
||||||
|
this.title = title;
|
||||||
|
this.dialogFormVisible = true;
|
||||||
|
this.sumsNUmber();
|
||||||
|
},
|
||||||
|
//关闭弹窗前的回调方法
|
||||||
|
handleClose() {
|
||||||
|
this.packingForm = {};
|
||||||
|
this.dialogFormVisible = false;
|
||||||
|
this.$refs.form.clearValidate();
|
||||||
|
},
|
||||||
|
|
||||||
|
//打开指定门店弹窗
|
||||||
|
openSuitStore(row) {
|
||||||
|
this.$refs.suit.show(row);
|
||||||
|
},
|
||||||
|
//指定门店返回
|
||||||
|
suitData(v) {
|
||||||
|
let list = [];
|
||||||
|
v.forEach((item) => {
|
||||||
|
if (item.id) {
|
||||||
|
item.storeId = item.id;
|
||||||
|
list.push(item);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.packingForm.promotionStores = list;
|
||||||
|
},
|
||||||
|
//打开指定会员弹窗
|
||||||
|
openSuitMember(row) {
|
||||||
|
this.$refs.membersuit.show(row);
|
||||||
|
},
|
||||||
|
//指定会员返回
|
||||||
|
membersuitData(v) {
|
||||||
|
let list = [];
|
||||||
|
v.forEach((item) => {
|
||||||
|
if (item.id) {
|
||||||
|
item.memberId = item.id;
|
||||||
|
list.push(item);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.packingForm.promotionMemberLists = list;
|
||||||
|
},
|
||||||
|
|
||||||
|
//合计计算
|
||||||
|
sumsNUmber(number) {
|
||||||
|
let num = 0;
|
||||||
|
let totalMoney = 0;
|
||||||
|
var bigList = [];
|
||||||
|
var topPrice = 0;
|
||||||
|
var minumumPrice = 0;
|
||||||
|
if (this.promotionProjectLists.length > 0) {
|
||||||
|
this.promotionProjectLists.forEach((item, index) => {
|
||||||
|
num += item.priceMember * 1 * item.times * 1;
|
||||||
|
item.projectTotalMoney =
|
||||||
|
(item.priceMember * item.times * 1).toFixed(2) * 1;
|
||||||
|
totalMoney += item.projectTotalMoney * 1;
|
||||||
|
if (item.required == 0) {
|
||||||
|
item.required = 0;
|
||||||
|
item.check = true;
|
||||||
|
} else {
|
||||||
|
item.check = false;
|
||||||
|
item.required = 1;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
bigList = this.promotionProjectLists.sort(function (a, b) {
|
||||||
|
return a.projectTotalMoney - b.projectTotalMoney;
|
||||||
|
});
|
||||||
|
var samlList = [];
|
||||||
|
|
||||||
|
for (var i = bigList.length - 1; i >= 0; i--) {
|
||||||
|
samlList.push(bigList[i]);
|
||||||
|
}
|
||||||
|
console.log(bigList);
|
||||||
|
console.log(samlList);
|
||||||
|
|
||||||
|
bigList.forEach((item, index) => {
|
||||||
|
if (index < this.packingForm.projectCount) {
|
||||||
|
topPrice += item.projectTotalMoney;
|
||||||
|
console.log(item.projectTotalMoney);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
samlList.forEach((item, index) => {
|
||||||
|
if (index < this.packingForm.projectCount) {
|
||||||
|
minumumPrice += item.projectTotalMoney;
|
||||||
|
console.log(item.projectTotalMoney);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.topPrice = topPrice;
|
||||||
|
this.minumumPrice = minumumPrice;
|
||||||
|
this.projectPriceSum = totalMoney.toFixed(2) * 1;
|
||||||
|
this.packingForm.saleMoney = 0;
|
||||||
|
this.packingForm.totalMoney = 0;
|
||||||
|
this.packingForm.saleMoney = totalMoney.toFixed(2) * 1;
|
||||||
|
this.packingForm.totalMoney = num.toFixed(2) * 1;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//保存确定方法
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.packing .el-date-editor.el-input,
|
||||||
|
.packing .el-date-editor.el-input__inner {
|
||||||
|
width: 150px;
|
||||||
|
}
|
||||||
|
.changeDate .el-date-editor.el-input,
|
||||||
|
.changeDate .el-date-editor.el-input__inner {
|
||||||
|
width: 240px;
|
||||||
|
}
|
||||||
|
.packing .el-radio-group input {
|
||||||
|
height: 100%;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
.packing .el-table th {
|
||||||
|
padding: 12px 0;
|
||||||
|
}
|
||||||
|
.packingRadioTable .el-radio__label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.schemeListDiv .el-radio__label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -1,66 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-table border :data="list" max-height="600" ref="list" v-loading="listLoading" :element-loading-text="elementLoadingText" @row-click="getCurrentRow" :row-class-name="rowName" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="120" align="left" prop="courseProjectName" label="项目名称"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="price" label="项目单价"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="courseRestCount" label="剩余次数"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="courseRestPrice" label="剩余金额"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="courseConsumeCount" label="可用次数"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="courseConsumePrice" label="可用金额"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="105" align="center" prop="endTime" label="到期日期"></el-table-column>
|
|
||||||
<el-table-column show-overflow-tooltip min-width="75" align="center" prop="storeName" label="所属门店"></el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
listLoading: false,
|
|
||||||
dialogFormVisible: false,
|
|
||||||
layout: "total, sizes, prev, pager, next, jumper",
|
|
||||||
form: {}, //主对象
|
|
||||||
elementLoadingText: "正在加载...",
|
|
||||||
list: [], //主数组
|
|
||||||
selection: [],
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
//多选方法
|
|
||||||
getCurrentRow(row) {
|
|
||||||
this.$refs["list"].toggleRowSelection(row);
|
|
||||||
},
|
|
||||||
//多选变动方法
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
selection.forEach((item) => {
|
|
||||||
item.isShow = true;
|
|
||||||
});
|
|
||||||
this.selection = selection;
|
|
||||||
console.log(this.selection);
|
|
||||||
this.$emit("proData", this.selection);
|
|
||||||
},
|
|
||||||
//列表返回方法
|
|
||||||
rowName({ row, rowIndex }) {
|
|
||||||
row.index = rowIndex;
|
|
||||||
},
|
|
||||||
//保存确定方法
|
|
||||||
save() {
|
|
||||||
this.$emit("proData", this.selection);
|
|
||||||
},
|
|
||||||
//组件传值
|
|
||||||
show(list) {
|
|
||||||
this.list = [...list];
|
|
||||||
this.list.forEach((item) => {
|
|
||||||
if (item.isShow) {
|
|
||||||
this.$refs["list"].toggleRowSelection(item);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.selection = [];
|
|
||||||
this.dialogFormVisible = true;
|
|
||||||
},
|
|
||||||
},
|
|
||||||
created: function () {},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style></style>
|
|
||||||
@ -1,13 +1,11 @@
|
|||||||
import Vue from "vue";
|
import Vue from 'vue'
|
||||||
import HelloWorld from "@/components/HelloWorld";
|
import HelloWorld from '@/components/HelloWorld'
|
||||||
|
|
||||||
describe("HelloWorld.vue", () => {
|
describe('HelloWorld.vue', () => {
|
||||||
|
it('should render correct contents', () => {
|
||||||
it("should render correct contents", () => {
|
const Constructor = Vue.extend(HelloWorld)
|
||||||
const Constructor = Vue.extend(HelloWorld);
|
const vm = new Constructor().$mount()
|
||||||
const vm = new Constructor().$mount();
|
expect(vm.$el.querySelector('.hello h1').textContent)
|
||||||
expect(vm.$el.querySelector(".hello h1").textContent).toEqual(
|
.toEqual('Welcome to Your Vue.js App')
|
||||||
"Welcome to Your Vue.js App"
|
})
|
||||||
);
|
})
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|||||||
Loading…
Reference in New Issue