问题提交
Wangxubin
3 years ago
parent
11cfe6d6fc
commit
83d61efa78
@ -0,0 +1,241 @@
|
|||||||
|
<template>
|
||||||
|
<el-dialog :close-on-click-modal="false" title="会员卡转出门店" :visible.sync="dialogFormVisible" width="80%" v-dialogDrag>
|
||||||
|
<el-form :model="form" inline ref="form" class="max-height-60" label-width="80px">
|
||||||
|
<el-form-item label="转出门店">
|
||||||
|
<el-select class="form-width-m" filterable default-first-option clearable v-model="form.storesNum" placeholder="请选择" @change="changeOut">
|
||||||
|
<el-option v-for="(item,index) in options" :key="index" :label="item.storeNum" :value="item.id">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="门店名称">
|
||||||
|
<div class="form-width-m">
|
||||||
|
{{form.storesName}}
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="手机号码">
|
||||||
|
<el-input class="form-width-ms" 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>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="会员名字">
|
||||||
|
{{form.memberName}}
|
||||||
|
</el-form-item>
|
||||||
|
<el-table :data="list" max-height="600" ref="list" v-loading="listLoading" :element-loading-text="elementLoadingText" @row-click="getCurrentRow" :row-class-name="rowName" @selection-change="handleSelectionChange" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||||
|
<el-table-column type="selection" width="50"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="rechargeTypeNum" label="充值卡编码" sortable min-width="80"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="rechargeTypeName" label="充值卡名称" sortable min-width="80"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="giftConsumeMoney" label="赠送余额" sortable min-width="80"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="storeName" label="门店名称" min-width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-select filterable default-first-option clearable @clear='clear(scope.row)' v-model="scope.row.storeId" @change="changeIn($event,scope.row)" placeholder="请选择">
|
||||||
|
<el-option v-for="(item,index) in storeList" :key="index" :label="item.storeNum + '-' + item.storeName" :value="item.id">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-form>
|
||||||
|
<member ref="member" @memberData="memberData"></member>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button size="mini" type="primary" @click="dialogFormVisible = false">取 消</el-button>
|
||||||
|
<el-button size="mini" type="primary" @click="confirm()">确 定</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
organizations,
|
||||||
|
accounGivetList,
|
||||||
|
addCardStore
|
||||||
|
} from "@/api/storeManage.js";
|
||||||
|
import { storeMemberOne, couAccountList } from "@/api/eashier.js";
|
||||||
|
import member from "@/components/member/index";
|
||||||
|
export default {
|
||||||
|
components: { member },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogFormVisible: false, //弹窗开关
|
||||||
|
listLoading: false, //list加载提示开启动画
|
||||||
|
elementLoadingText: "加载中...", //list加载提示文字
|
||||||
|
title: "", //弹窗标题
|
||||||
|
form: {}, //主对象
|
||||||
|
list: [], //主数组
|
||||||
|
selection: [], //选中的会员列表
|
||||||
|
queryForm: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
},
|
||||||
|
options: [], //下拉门店列表
|
||||||
|
storeList: [], //门店列表
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//转出门店改变
|
||||||
|
changeOut(e) {
|
||||||
|
this.options.forEach((item) => {
|
||||||
|
if (item.storeNum == e) {
|
||||||
|
this.form.storesName = item.storeName;
|
||||||
|
this.form.storesId = item.id;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if(this.form.mobilePhone)this.query()
|
||||||
|
},
|
||||||
|
//转入门店改变
|
||||||
|
changeIn(e, row) {
|
||||||
|
let form = { ...row };
|
||||||
|
this.storeList.forEach((item) => {
|
||||||
|
if (item.storeName == e) {
|
||||||
|
form.storeName = item.storeName;
|
||||||
|
form.storeId = item.id;
|
||||||
|
form.storeNum = item.storeNum;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.list.splice(row.index, 1, form);
|
||||||
|
this.getCurrentRow(row);
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs["list"].toggleRowSelection(this.list[row.index], true);
|
||||||
|
});
|
||||||
|
console.log(this.selection);
|
||||||
|
},
|
||||||
|
//删除下拉选择
|
||||||
|
clear(row) {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.$refs["list"].toggleRowSelection(this.list[row.index], false);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//打开会员弹窗
|
||||||
|
openMember() {
|
||||||
|
this.$refs.member.show();
|
||||||
|
},
|
||||||
|
//会员弹窗返回值
|
||||||
|
memberData(v) {
|
||||||
|
// this.form.mobilePhone = v.mobilePhone;
|
||||||
|
this.$set(this.form,'mobilePhone',v.mobilePhone)
|
||||||
|
this.$set(this.form,'memberName',v.memberName)
|
||||||
|
this.$set(this.form,'id',v.id)
|
||||||
|
this.$set(this.form,'memberNum',v.memberNum)
|
||||||
|
this.query();
|
||||||
|
},
|
||||||
|
//查询会员信息
|
||||||
|
query() {
|
||||||
|
accounGivetList({
|
||||||
|
memberId: this.form.id,
|
||||||
|
storeId: this.form.storesNum,
|
||||||
|
}).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
this.list = res.rows
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "查询会员", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//获取会员疗程卡包
|
||||||
|
getCourse() {
|
||||||
|
var ids = {
|
||||||
|
memberId: this.form.memberId,
|
||||||
|
storeId: this.form.storesId,
|
||||||
|
};
|
||||||
|
couAccountList(ids).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
res.rows.forEach((item) => {
|
||||||
|
item.storeNum = null;
|
||||||
|
item.storeName = null;
|
||||||
|
item.courseAccountId = item.id;
|
||||||
|
});
|
||||||
|
this.list = res.rows;
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "查询会员疗程", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//多选方法
|
||||||
|
getCurrentRow(row) {
|
||||||
|
this.$refs["list"].toggleRowSelection(row);
|
||||||
|
},
|
||||||
|
//列表返回方法
|
||||||
|
rowName({ row, rowIndex }) {
|
||||||
|
row.index = rowIndex;
|
||||||
|
},
|
||||||
|
//多选变动方法
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.selection = selection;
|
||||||
|
},
|
||||||
|
//组件传值
|
||||||
|
show(row) {
|
||||||
|
this.title = "员工转出门店";
|
||||||
|
this.dialogFormVisible = true;
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
//获取数据
|
||||||
|
async getData() {
|
||||||
|
organizations({ pageSize: 999 }).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
let list = [];
|
||||||
|
res.rows.forEach((item) => {
|
||||||
|
if (this.form.storesNum != item.storeNum) {
|
||||||
|
list.push(item);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
this.options = res.rows;
|
||||||
|
this.storeList = list;
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "获取门店信息", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//确定返回方法
|
||||||
|
confirm() {
|
||||||
|
if(!this.selection.length)return this.$message.info({ message: "请至少选中一条！" });
|
||||||
|
if(!this.selection.every(item=>item.storeId)){
|
||||||
|
return this.$message.info({ message: "请选择转入门店！" });
|
||||||
|
}
|
||||||
|
let params = this.selection.map(item=>{
|
||||||
|
return {
|
||||||
|
outMemberNum:this.form.memberNum,
|
||||||
|
outMemberId:this.form.id,
|
||||||
|
outMemberName:this.form.memberName,
|
||||||
|
outStoreId:this.form.storesNum,
|
||||||
|
inStoreId:item.storeId,
|
||||||
|
rechargeAccountGive:{...item}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
addCardStore(params).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
this.dialogFormVisible = false;
|
||||||
|
this.$emit("editData");
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
@ -0,0 +1,206 @@
|
|||||||
|
<template>
|
||||||
|
<!-- 停用 -->
|
||||||
|
<div class="displsy-mod">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="left">
|
||||||
|
<el-button size="mini" @click="edit" type="primary">充值卡转门店</el-button>
|
||||||
|
<el-button size="mini" @click="quers" type="primary">批量确认</el-button>
|
||||||
|
</div>
|
||||||
|
<div class="right">
|
||||||
|
<el-input v-model="queryForm.phone" placeholder="请输入手机号" size='small' oninput="this.value=this.value.replace(/\D/g,'')" pattern="[0-9]*"></el-input>
|
||||||
|
<el-date-picker v-model="queryForm.docDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" @change="dateChange" size='small'></el-date-picker>
|
||||||
|
<el-button size="mini" @click="queryInit" type="primary">搜索</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-table class="margin-top-xs" :data="list" ref="list" v-loading="listLoading" max-height="600" :element-loading-text="elementLoadingText" @row-click="getCurrentRow" :row-class-name="rowName" @selection-change="handleSelectionChange" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||||
|
<el-table-column type="selection" width="50"></el-table-column>
|
||||||
|
|
||||||
|
<el-table-column align="center" prop="job" label="状态" width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-tag :type="scope.row.state==1?'success':'primary'">
|
||||||
|
{{scope.row.state==1?'已通过':'新增'}}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="转出门店">
|
||||||
|
<el-table-column align="center" prop="outStoreNum" label="编码" min-width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="outStoreName" label="名称" min-width="100"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="转入门店">
|
||||||
|
<el-table-column align="center" prop="inStoreNum" label="编码" min-width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="inStoreName" label="名称" min-width="100"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="会员信息">
|
||||||
|
<el-table-column align="center" prop="outMemberNum" label="编码" sortable min-width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="outMemberName" label="名字" sortable min-width="100"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" label="充值卡">
|
||||||
|
<el-table-column align="center" prop="rechargeNum" label="编码" sortable min-width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="rechargeTypeName" label="名称" sortable min-width="100"></el-table-column>
|
||||||
|
<el-table-column align="center" prop="outGiftConsumeMoney" label="赠送金额" sortable min-width="100"></el-table-column>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column align="center" fixed="right" label="创建时间" width="120" prop="date"></el-table-column>
|
||||||
|
<el-table-column align="center" fixed="right" label="操作" width="80">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" type="primary" @click="quer(scope.row)" plain>确认</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<div class="block" style="margin-top:15px;">
|
||||||
|
<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>
|
||||||
|
<edit ref="edit" @editData="getData"></edit>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import edit from "./components/edit.vue";
|
||||||
|
import {
|
||||||
|
storeAccountOutin,
|
||||||
|
updateStatu,
|
||||||
|
} from "@/api/storeManage.js";
|
||||||
|
export default {
|
||||||
|
components: { edit },
|
||||||
|
computed:{
|
||||||
|
timestamp(){
|
||||||
|
return function(time){
|
||||||
|
return new Date(parseInt(time)).toLocaleString().replace(/:\d{1,2}$/,' ').replace('/','-').replace('/','-')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
dialogFormVisible: false,
|
||||||
|
listLoading: false, //list加载提示开启动画
|
||||||
|
elementLoadingText: "加载中...",
|
||||||
|
list: [], //主数组
|
||||||
|
queryForm: {
|
||||||
|
pageSize: 10,
|
||||||
|
pageNum: 1,
|
||||||
|
},
|
||||||
|
total: 0, //分页总条数
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
queryInit(){
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
dateChange(date){
|
||||||
|
if(!date){
|
||||||
|
this.queryForm.date = ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//组件传值
|
||||||
|
show() {
|
||||||
|
|
||||||
|
},
|
||||||
|
edit() {
|
||||||
|
this.$refs.edit.show();
|
||||||
|
},
|
||||||
|
//多选方法
|
||||||
|
getCurrentRow(row) {
|
||||||
|
this.$refs["list"].toggleRowSelection(row);
|
||||||
|
},
|
||||||
|
//列表返回方法
|
||||||
|
rowName({ row, rowIndex }) {
|
||||||
|
row.index = rowIndex;
|
||||||
|
},
|
||||||
|
//多选变动方法
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.selection = selection;
|
||||||
|
},
|
||||||
|
//确认方法
|
||||||
|
quer(row) {
|
||||||
|
this.confirm([row]);
|
||||||
|
},
|
||||||
|
//批量确认方法
|
||||||
|
quers() {
|
||||||
|
this.confirm(this.selection);
|
||||||
|
},
|
||||||
|
//确认返回方法
|
||||||
|
confirm(form) {
|
||||||
|
updateStatu(form).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
this.$message.success({message: "操作成功!"});
|
||||||
|
this.getData();
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//分页方法
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.queryForm.pageSize = val;
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.queryForm.pageNum = val;
|
||||||
|
this.getData();
|
||||||
|
},
|
||||||
|
//获取数据
|
||||||
|
async getData() {
|
||||||
|
storeAccountOutin(this.queryForm).then((res) => {
|
||||||
|
if (res.code == "000000") {
|
||||||
|
this.list = res.pageInfo.list;
|
||||||
|
this.total = res.pageInfo.total;
|
||||||
|
} else {
|
||||||
|
this.$alert(res.message, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => {},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created(){
|
||||||
|
this.getData();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.flex{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.right{
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.el-input {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
.el-col {
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 5px 5px 5px #717070;
|
||||||
|
margin: 0 30px;
|
||||||
|
width: 360px;
|
||||||
|
}
|
||||||
|
.bg-purple {
|
||||||
|
background: #d3dce6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-purple-light {
|
||||||
|
background: #d3dce6;
|
||||||
|
}
|
||||||
|
.grid-content {
|
||||||
|
border-radius: 4px;
|
||||||
|
min-height: 36px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.row-bg {
|
||||||
|
padding: 10px 0;
|
||||||
|
background-color: #d3dce6;
|
||||||
|
}
|
||||||
|
.examineForm .el-form-item {
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
Loading…
Reference in New Issue