问题提交
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