最近修改
wangxubin1999
3 years ago
parent
604eda206c
commit
97756eef9a
@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag rechargeTypeId="form" :title="title" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="form" :rules="rules" ref="form" label-width="120px">
|
||||
<el-form-item label="编码：" prop="rechargeTypeNum">
|
||||
<div>
|
||||
{{form.courseProjectNum}}{{form.rechargeTypeNum}}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称：" prop="rechargeTypeName">
|
||||
<div>
|
||||
{{form.courseProjectName}}{{form.rechargeTypeName}}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="到期日期：" prop="discount">
|
||||
<el-date-picker v-model="form.endTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirm">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { editCouAccount, editRecAccount } from "@/api/eashier.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
rechargeTypeName: {
|
||||
required: true,
|
||||
message: "请输入充值名称",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
rechargeTypeNum: {
|
||||
required: true,
|
||||
message: "请输入充值编码",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
rechargeMoney: {
|
||||
required: true,
|
||||
message: "请输入充值金额",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
},
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.title = "帐户延期";
|
||||
this.form = { ...form };
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
//确定返回方法
|
||||
confirm() {
|
||||
var form = {
|
||||
id: this.form.id,
|
||||
endTime: this.form.endTime,
|
||||
};
|
||||
if (this.form.rechargeTypeName) {
|
||||
editRecAccount(form)
|
||||
.then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.dialogFormVisible = false;
|
||||
this.$message.success({
|
||||
message: "修改成功!",
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
} else {
|
||||
editCouAccount(form).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.dialogFormVisible = false;
|
||||
this.$message.success({
|
||||
message: res.message,
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,275 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag rechargeTypeId="form" :title="title" :visible.sync="dialogFormVisible" width="75%">
|
||||
<div class="form-width-ms block">
|
||||
<span class="demonstration"></span>
|
||||
<el-date-picker v-model="queryForm.month" type="month" @change="getData" placeholder="选择月份">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="docTypeName" label="类别"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="orderStatu" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.orderStatu==0?'success':scope.row.orderStatu==0?'danger':''">
|
||||
{{scope.row.orderStatu==0?'正常':scope.row.orderStatu==1?'作废':'反审核'}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="inputBy" label="操作人"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" label="单据">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="docNum" label="单据号"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="115" prop="inputDate" label="时间"></el-table-column>
|
||||
<!-- <el-table-column show-overflow-tooltip align="center" min-width="160" prop="updatedTime" label="操作人"></el-table-column> -->
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="storeNum" label="门店编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="140" prop="storeName" label="门店名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="交易">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="tradeName" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.price?scope.row.price:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeCount" label="数量">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.tradeCount?scope.row.tradeCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeMoney" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="debtMoney" label="欠款金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="收入">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountInMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="giftInMenoy" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="支出">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountSpendMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftSpendMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="结余">
|
||||
<el-table-column show-overflow-tooltip align="center" label="剩余">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftRestMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="可用">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeMoney" label="金额"> </el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftConsumeMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block margin-top-xs">
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
<orderdetail ref="orderdetail"></orderdetail>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogFormVisible = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import orderdetail from "@/components/order/detail.vue";
|
||||
import { listByMembers } from "@/api/eashier";
|
||||
export default {
|
||||
components: { orderdetail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
itemList: [
|
||||
//单据全部类型
|
||||
{
|
||||
docType: "store_room",
|
||||
docTypeName: "前台收银",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "upgrade_out",
|
||||
docTypeName: "升级转出",
|
||||
},
|
||||
{
|
||||
docType: "upgrade_in",
|
||||
docTypeName: "升级充值",
|
||||
},
|
||||
{
|
||||
docType: "demotion_out",
|
||||
docTypeName: "降级转出",
|
||||
},
|
||||
{
|
||||
docType: "demotion_in",
|
||||
docTypeName: "降级充值",
|
||||
},
|
||||
{
|
||||
docType: "init",
|
||||
docTypeName: "初始化",
|
||||
},
|
||||
{
|
||||
docType: "card_recharge",
|
||||
docTypeName: "充值开卡",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "recharge_roll_course",
|
||||
docTypeName: "疗程转充值卡",
|
||||
},
|
||||
{
|
||||
docType: "card_change",
|
||||
docTypeName: "加价转疗程",
|
||||
},
|
||||
{
|
||||
docType: "card_use",
|
||||
docTypeName: "疗程开卡",
|
||||
},
|
||||
{
|
||||
docType: "store_cash",
|
||||
docTypeName: "收银",
|
||||
},
|
||||
{
|
||||
docType: "card_repay",
|
||||
docTypeName: "还款",
|
||||
},
|
||||
{
|
||||
docType: "refund_recharge",
|
||||
docTypeName: "充值退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_course",
|
||||
docTypeName: "疗程退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_cash",
|
||||
docTypeName: "消费退款",
|
||||
},
|
||||
{
|
||||
docType: "promotion",
|
||||
docTypeName: "促销活动",
|
||||
},
|
||||
{
|
||||
docType: "promotion_card_repay",
|
||||
docTypeName: "促销还款",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.orderdetail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.title = form.rechargeTypeName;
|
||||
this.dialogFormVisible = true;
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
if (this.queryForm.month) {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
this.queryForm.month,
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
} else {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
new Date(),
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
}
|
||||
this.queryForm.memberId = this.form.memberId;
|
||||
this.queryForm.memberName = this.form.memberName;
|
||||
this.queryForm.memberPhone = this.form.mobilePhone;
|
||||
this.queryForm.accountId = this.form.id;
|
||||
|
||||
listByMembers(this.queryForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
this.itemList.forEach((items) => {
|
||||
if (item.docType == items.docType) {
|
||||
item.docTypeName = items.docTypeName;
|
||||
}
|
||||
});
|
||||
});
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
if (item.type == "card_repay") {
|
||||
item.docTypeName = "还款";
|
||||
}
|
||||
if (item.type == "card_repay") {
|
||||
if (item.orderType == "course") {
|
||||
item.docTypeName = "疗程" + item.docTypeName;
|
||||
}
|
||||
if (item.orderType == "recharge") {
|
||||
item.docTypeName = "充值" + item.docTypeName;
|
||||
}
|
||||
}
|
||||
if (item.docType == "refund_cash_room") {
|
||||
if (item.accountType == "refund_cash_unaudit_room") {
|
||||
item.docTypeName = "房间退反审核";
|
||||
}
|
||||
if (item.accountType == "refund_cash_audit_room") {
|
||||
item.docTypeName = "房间消费退";
|
||||
}
|
||||
}
|
||||
if (item.docType == "recharge_Transition") {
|
||||
if (item.accountType == "recharge_Transition_out") {
|
||||
item.docTypeName = "充值卡内调转出";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in") {
|
||||
item.docTypeName = "充值卡内调转入";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值转出反审核";
|
||||
}
|
||||
}
|
||||
});
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column type="index" width="40" align="center"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值类别">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="cardRechargeMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="discount" label="折扣"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardRestMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="赠送">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardGiftMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="giftConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="endTime" sortable label="到期时间"></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="操作" width="100" v-role="50011003">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="edit(scope.row)" size="mini" type="primary">帐户延期</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<edit ref="edit" @editData="editData"></edit>
|
||||
<detail ref="detail"></detail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { cashListalls } from "@/api/eashier.js";
|
||||
import edit from "./edit";
|
||||
import detail from "./recdetail";
|
||||
export default {
|
||||
components: { edit, detail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.detail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//打开帐户延期弹窗
|
||||
edit(row) {
|
||||
this.$refs.edit.show(row);
|
||||
},
|
||||
//帐户延期返回方法
|
||||
editData() {
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
cashListalls({
|
||||
memberId: this.form.id,
|
||||
}).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.list = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员卡包", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,164 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-form inline :modal="form" label-width="100px">
|
||||
<el-form-item label="会员编码">
|
||||
<div class="form-width-ms">
|
||||
<el-input v-model="form.memberNum" readonly></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码:">
|
||||
<div class="form-width-ms">
|
||||
<el-input style="padding-left:0px;" ref="" oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*" maxlength="11" v-model="form.mobilePhone" @blur="query" @change="query">
|
||||
<el-button size="mini" slot="append" icon="el-icon-search" @click="openMember"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="会员名称:">
|
||||
<div class="form-width-ms">
|
||||
<span>{{ form.memberName }} <i v-if="form.sex==1" class="el-icon-male text-blue"></i>
|
||||
<i v-else class="el-icon-female text-pink"></i></span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="月份:" v-if="activeName=='交易记录'">
|
||||
<div class="form-width-ms block">
|
||||
<span class="demonstration"></span>
|
||||
<el-date-picker v-model="form.month" type="month" @change="change" placeholder="选择月份">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-tabs disabled type="border-card" v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="充值延期" name="充值延期">
|
||||
<recs ref="recs"></recs>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<member ref="member" @memberData="memberData"></member>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { partten } from "../../../../partten/index";
|
||||
import member from "@/components/member/index";
|
||||
import recs from "./components/recs.vue";
|
||||
import { storeMemberOne } from "@/api/eashier";
|
||||
export default {
|
||||
components: {
|
||||
recs,
|
||||
member,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
month: new Date(),
|
||||
},
|
||||
activeName: "充值延期", //标签页默认标签
|
||||
};
|
||||
},
|
||||
created(){
|
||||
this.$refs.recs.show(this.form);
|
||||
this.activeName =" 充值延期";
|
||||
},
|
||||
|
||||
methods: {
|
||||
//时间改变方法
|
||||
change() {
|
||||
this.$refs.cash.show(this.form);
|
||||
},
|
||||
//标签页改变
|
||||
//切换标签页
|
||||
handleClick(tab, event) {
|
||||
if (this.form.memberName) {
|
||||
if (tab.name == "充值延期") {
|
||||
this.$refs.recs.show(this.form);
|
||||
}
|
||||
this.activeName = tab.name;
|
||||
} else {
|
||||
this.$message.error({ message: "请先选择会员!" });
|
||||
}
|
||||
},
|
||||
//打开选择会员弹窗
|
||||
openMember() {
|
||||
this.$refs.member.show(this.vip);
|
||||
},
|
||||
//选中会员返回方法
|
||||
memberData(v) {
|
||||
this.form.mobilePhone = v.mobilePhone;
|
||||
this.query();
|
||||
},
|
||||
//输入手机号是查询
|
||||
//查询方法
|
||||
query() {
|
||||
var number = partten.phoneNum;
|
||||
if (!number.test(this.form.mobilePhone)) {
|
||||
this.$message.info({
|
||||
message: "请输入正确的手机号 ! ",
|
||||
});
|
||||
} else {
|
||||
storeMemberOne({
|
||||
mobilePhone: this.form.mobilePhone,
|
||||
storeId: sessionStorage.getItem("parentId"),
|
||||
}).then((res) => {
|
||||
if (res.data != undefined && res.data.state == 0) {
|
||||
this.$message.error({
|
||||
message: "账户已锁定, 不允许使用 ! ",
|
||||
});
|
||||
this.$alert("账户已锁定, 不允许使用 !", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
} else {
|
||||
if (res.code == "000000" || res.code == "200004") {
|
||||
if (res.code == "000000") {
|
||||
this.form = res.data;
|
||||
if (this.activeName == "充值") {
|
||||
this.$refs.rec.show(this.form);
|
||||
}
|
||||
if (this.activeName == "疗程") {
|
||||
this.$refs.pro.show(this.form);
|
||||
}
|
||||
if (this.activeName == "交易记录") {
|
||||
this.$refs.cashAchi.show(this.form);
|
||||
}
|
||||
} else {
|
||||
if (res.code == "200004") {
|
||||
this.$confirm(res.message + ",请先注册!", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
cancelButtonClass: "cancelbtnFalses",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
}).then(() => {});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.$alert("查询会员信息 : " + res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,301 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-model="false" v-dialogDrag :title="staffTitle" :visible.sync="dialogVisible" width="500px"
|
||||
append-to-body :before-close="handleClose">
|
||||
<el-button size="mini" type="primary" @click="add()">添加</el-button>
|
||||
<el-button size="mini" type="primary" @click="del()">删除</el-button>
|
||||
<div class="flex">
|
||||
<el-table :data="list" max-height="600">
|
||||
<el-table-column align="center" :label="staffTitle">
|
||||
<el-table-column min-width="140" align="center" label="员工">
|
||||
<template slot-scope="scope">
|
||||
<el-select filterable default-first-option v-model="scope.row.label" placeholder="请选择"
|
||||
@click="editclick($event, scope.$index)" @change="editChange($event, scope.$index)">
|
||||
<el-option v-for="item in openList" :key="item.id" :label="item.label" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column min-width="100" align="center" label="占比">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-focus type="number" @blur="endEdit(scope.row, scope.$index)" :disabled="scope.$index == 0"
|
||||
size="samll" v-model="scope.row.ratio"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="handleClose">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirms()">确 定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { selectList, selectListType, QuerCompetent } from "@/api/eashier.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false, //弹窗开关
|
||||
staffList: [],
|
||||
list: [], //主数组
|
||||
form: {}, //主对象
|
||||
openList: [],
|
||||
staffText: "",
|
||||
staffTexts: "",
|
||||
staffTitle: "",
|
||||
staffTitles: "",
|
||||
staffListCopy: [],
|
||||
lists: [],
|
||||
len: 0
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
handleClose() {
|
||||
|
||||
let forms = {
|
||||
// text: this.staffTexts,
|
||||
list: this.lists
|
||||
};
|
||||
|
||||
this.$emit("staffratioData", forms);
|
||||
this.dialogVisible = false;
|
||||
|
||||
},
|
||||
add() {
|
||||
this.list.push({ label: "", ratio: 0 });
|
||||
this.changeStaff();
|
||||
},
|
||||
endEdit(row, index) {
|
||||
console.log("🚀 ~ file: staffratio.vue ~ line 71 ~ endEdit ~ row", row)
|
||||
|
||||
if (row.ratio * 1 > 100) {
|
||||
this.$alert("输入值不能大于100", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
row.ratio = 0;
|
||||
} else if (row.ratio * 1 < 0) {
|
||||
this.$alert("输入值不能小于0", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
row.ratio = 0;
|
||||
}
|
||||
else {
|
||||
row.ratio = row.ratio * 1;
|
||||
}
|
||||
let number = 0;
|
||||
this.list.forEach((item, index) => {
|
||||
if (index != 0) {
|
||||
number += item.ratio * 1;
|
||||
}
|
||||
});
|
||||
this.list[0].ratio = 100 - number;
|
||||
if (this.list[0].ratio < 0) {
|
||||
this.$alert("第一个人员占比过低", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
this.list[0].ratio = this.list[0].ratio + row.ratio
|
||||
row.ratio = 0;
|
||||
|
||||
}
|
||||
this.changeStaff();
|
||||
},
|
||||
editChange(e, index) {
|
||||
let number = 0;
|
||||
let row = this.list[index];
|
||||
if (this.list.length == 1) {
|
||||
row.ratio = 100;
|
||||
} else {
|
||||
row.ratio = 0
|
||||
this.list.forEach((item, index) => {
|
||||
if (index != 0) {
|
||||
number += item.ratio * 1;
|
||||
}
|
||||
this.list[0].ratio = 100 - number;
|
||||
})
|
||||
|
||||
}
|
||||
let form = {};
|
||||
this.openList.forEach((item) => {
|
||||
if (e == item.id) {
|
||||
form = { ...item };
|
||||
}
|
||||
})
|
||||
form.ratio = row.ratio;
|
||||
this.list.splice(index, 1, form);
|
||||
|
||||
this.changeStaff();
|
||||
},
|
||||
editclick(index) {
|
||||
let row = this.list[index];
|
||||
row.ratio=0
|
||||
let number = 0;
|
||||
this.list.forEach((item, index) => {
|
||||
if (index != 0) {
|
||||
number += item.ratio * 1;
|
||||
}
|
||||
this.list[0].ratio = 100 - number;
|
||||
})
|
||||
|
||||
},
|
||||
del() {
|
||||
let index = this.list.length - 1;
|
||||
this.list[0].ratio += this.list[index].ratio;
|
||||
this.list.splice(index, 1);
|
||||
this.changeStaff();
|
||||
},
|
||||
showdetele() {
|
||||
setTimeout(() => {
|
||||
this.$nextTick(() => {
|
||||
let row = JSON.parse(localStorage.getItem('row'));
|
||||
this.lists = JSON.parse(JSON.stringify([]))
|
||||
this.lists = row;
|
||||
this.len = this.lists.length
|
||||
this.lists.forEach((item) => {
|
||||
if (item.id) {
|
||||
item.label = item.brandNumber + "-" + item.staffName;
|
||||
}
|
||||
});
|
||||
this.dialogVisible = true;
|
||||
this.getData();
|
||||
this.changeStaff();
|
||||
let number = 0;
|
||||
this.lists.forEach((item, index) => {
|
||||
if (index != 0) {
|
||||
number += item.sale_ratio * 1;
|
||||
}
|
||||
});
|
||||
if (this.lists.length > 0) {
|
||||
this.lists[0].sale_ratio = (100 - number).toFixed(2) * 1;
|
||||
}
|
||||
});
|
||||
}, 300);
|
||||
|
||||
},
|
||||
show(form) {
|
||||
setTimeout(() => {
|
||||
this.$nextTick(() => {
|
||||
this.list = JSON.parse(JSON.stringify([]));
|
||||
this.form = { ...form };
|
||||
this.list = form;
|
||||
this.list.forEach((item) => {
|
||||
if (item.id) {
|
||||
item.label = item.brandNumber + "-" + item.staffName;
|
||||
}
|
||||
});
|
||||
this.dialogVisible = true;
|
||||
this.getData();
|
||||
this.changeStaff();
|
||||
let number = 0;
|
||||
this.list.forEach((item, index) => {
|
||||
if (index != 0) {
|
||||
number += item.sale_ratio* 1;
|
||||
}
|
||||
});
|
||||
if (this.list.length > 0) {
|
||||
this.list[0].sale_ratio = (100 - number).toFixed(2) * 1;
|
||||
}
|
||||
this.list.push({ label: "", ratio: 0 });
|
||||
});
|
||||
}, 300);
|
||||
},
|
||||
changeStaff() {
|
||||
var that = this;
|
||||
let arr = [];
|
||||
// var list = that.list.concat(that.staffListCopy).filter(function (v) {
|
||||
// return (
|
||||
// that.list.indexOf(v) === -1 || that.staffListCopy.indexOf(v) === -1
|
||||
// );
|
||||
// });
|
||||
// list.forEach((item) => {
|
||||
// if (item.id) {
|
||||
// arr.push(item);
|
||||
// }
|
||||
// });
|
||||
// this.openList = arr;
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
|
||||
let form = { id: "" };
|
||||
if (this.staffName) {
|
||||
form.staffName = this.staffName;
|
||||
}
|
||||
selectList(form).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.rows.forEach((item) => {
|
||||
item.label = item.brandNumber + "-" + item.staffName;
|
||||
item.ratio = 0;
|
||||
});
|
||||
this.openList = res.rows;
|
||||
this.staffListCopy = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
isRepeat(arr, key) {
|
||||
var obj = {};
|
||||
for (let i = 0; i < arr.length; i++) {
|
||||
if (obj[arr[i][key]]) {
|
||||
return false; // 存在
|
||||
} else {
|
||||
obj[arr[i][key]] = arr[i];
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
confirms() {
|
||||
let flag = this.isRepeat(this.list, "brandNumber");
|
||||
|
||||
|
||||
this.list.forEach((item,index)=>{
|
||||
if(item.staffName==""){
|
||||
this.list.splice(index,1)
|
||||
}
|
||||
})
|
||||
let form = {
|
||||
// text: this.staffText,
|
||||
list: this.list,
|
||||
};
|
||||
|
||||
if (flag) {
|
||||
this.$emit("staffratioData", form);
|
||||
|
||||
this.dialogVisible = false;
|
||||
} else {
|
||||
this.$alert("选择员工存在重复", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
Loading…
Reference in New Issue