master
parent
5ab23beaad
commit
bd3b974c44
@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="dialogVisible" width="70%" append-to-body>
|
||||
<div class="flex justify-end padding-bottom-xs">
|
||||
<el-input class="form-width-m " size="small" v-model="queryForm.projectNum" clearable placeholder="合作商编码" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="合作商名称" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="联系人" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="联系电话" @change="getData"></el-input>
|
||||
<el-button class="margin-left-xs" size="mini" type="primary" @click="getData" style="height:0.16rem">搜索</el-button>
|
||||
</div>
|
||||
<el-table @row-dblclick="confirms" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" :data="coureList" @row-click="rowClick" max-height="600" v-loading="listLoading" :element-loading-text="elementLoadingText">
|
||||
<el-table-column label="选择" width="45">
|
||||
<template slot-scope="scope">
|
||||
<el-radio v-model="radio" :label="scope.row.id" @change.native="scope.row">
|
||||
{{ "" }}
|
||||
</el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="left" prop="courseProjectNum" label="合作商编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="left" prop="courseProjectName" label="合作商名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="price" label="合作商状态"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseRestCount" label="联系人"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseRestPrice" label="联系电话"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseConsumeCount" label="其他"></el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination v-if="!form.memberName" 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>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirms()">确 定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
radio: null, //单选值
|
||||
radioForm: {}, //单选对象
|
||||
list: [], //主数组
|
||||
coureList: [],
|
||||
dialogVisible: false, //弹窗开关
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "数据加载中...", //list加载提示文字
|
||||
title: "合作商", //弹窗标题
|
||||
total: 0, //分页总条数
|
||||
form: {}, //主对象
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
state: 1,
|
||||
projectName: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show() {
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
//点击选中
|
||||
rowClick(row) {
|
||||
this.radio = row.id;
|
||||
this.radioForm = row;
|
||||
},
|
||||
//分页方法coureList
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
this.listLoading = true;
|
||||
},
|
||||
confirms() {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,87 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="平台号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-select v-model="searchForm.value" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账户名:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收款账户名" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账户号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收款账户号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款账户名:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的付款账户名" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账户号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收款账户号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易时间:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-date-picker
|
||||
v-model="searchForm.date"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options:[
|
||||
{
|
||||
label:'收银',
|
||||
value:0
|
||||
},
|
||||
{
|
||||
label:'疗程',
|
||||
value:1
|
||||
}
|
||||
],
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,126 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div>
|
||||
<el-select class="form-width-m" filterable default-first-option clearable v-model="pageInfo.storesNum" placeholder="请选择" @change="changeOut">
|
||||
<el-option v-for="(item,index) in options" :key="index" :label="item.storeNum+'--'+ item.storeName" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div>
|
||||
<el-input
|
||||
size="medium"
|
||||
style="width: 180px"
|
||||
placeholder="请输入金额"
|
||||
v-model="pageInfo.input"
|
||||
>
|
||||
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
||||
</el-input>
|
||||
<el-button size="mini" type="primary">确认</el-button
|
||||
>
|
||||
<el-button size="mini" type="primary" @click="handleSelect">条件搜索</el-button>
|
||||
<el-button size="small">下载模板</el-button>
|
||||
<el-button size="small" type="warning" >导入</el-button>
|
||||
<el-button size="small" type="success" >导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table :data="list" border style="width: 100%"
|
||||
max-height="700"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}">
|
||||
<el-table-column align="center" label="门店" show-overflow-tooltip prop="type"></el-table-column>
|
||||
<el-table-column align="center" label="平台号" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="收款账户" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="收款账户名" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="金额" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="交易时间" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="佣金" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="银行流水号" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="付款账户名" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="付款账户号" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
align="left"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.pageNum"
|
||||
:page-sizes="[10, 20, 30, 40, 50]"
|
||||
:page-size="pageInfo.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
<senior-select ref="select" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { organizations } from "@/api/storeManage.js";
|
||||
import seniorSelect from './components/select.vue'
|
||||
export default {
|
||||
components:{
|
||||
seniorSelect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rowId:'',
|
||||
options:[],
|
||||
list:[],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getOption()
|
||||
},
|
||||
methods: {
|
||||
changeOut(){},
|
||||
getOption(){
|
||||
organizations({ pageSize: 999 }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.options = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "获取门店信息", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handleSelect(){
|
||||
this.$refs.select.show()
|
||||
},
|
||||
handleAddEdit(){
|
||||
},
|
||||
handleRowClick(row){
|
||||
this.rowId = row.id
|
||||
},
|
||||
rowStyle({row}){
|
||||
if(this.rowId == row.id){
|
||||
return { 'background-color': 'rgba(255,235,181)', cursor: 'pointer' };
|
||||
}
|
||||
return { cursor: 'pointer' }
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageNum = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageSize = current
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 移入table更换背景色 */
|
||||
/deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
|
||||
background-color: rgba(255,235,181);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,59 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" append-to-body v-dialogDrag width="600px" powerId="form" :title="title" :visible.sync="dialogFormVisible" :before-close="handleClose">
|
||||
<div >
|
||||
<el-form :model="form" ref="form" label-width="80px">
|
||||
<div class="form">
|
||||
<el-form-item label="收款账户名:" prop="collectionName">
|
||||
<el-input v-model="form.storeName" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账户号:" prop="collectionNum">
|
||||
<el-input v-model="form.storeName" ></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注:" prop="storeName">
|
||||
<el-input v-model="form.storeName" ></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<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>
|
||||
<Map ref="map" @confirm="handleMapConfirm"></Map>
|
||||
<store ref="store"/>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
title:"收款明细",
|
||||
dialogFormVisible:false,
|
||||
form:{},
|
||||
options:[],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
show(row){
|
||||
this.form = {...row}
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
handleClose() {
|
||||
this.form = {};
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs.form.clearValidate();
|
||||
},
|
||||
confirm(){
|
||||
}
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-input {
|
||||
width: 260px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="平台号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-select v-model="searchForm.value" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收款账户号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收款账户" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建人:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收银员" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options:[
|
||||
{
|
||||
label:'收银',
|
||||
value:0
|
||||
},
|
||||
{
|
||||
label:'疗程',
|
||||
value:1
|
||||
}
|
||||
],
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,152 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div>
|
||||
<el-input
|
||||
size="medium"
|
||||
style="width: 180px"
|
||||
placeholder="请输入收款账户人"
|
||||
v-model="input"
|
||||
>
|
||||
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
||||
</el-input>
|
||||
<el-button size="mini" type="primary">确认</el-button
|
||||
>
|
||||
<el-button size="mini" type="primary" @click="handleSelect">条件搜索</el-button>
|
||||
<el-button size="mini" type="info" plain>刷新</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-start align-start bg-white padding-bottom">
|
||||
<div style="width:180px" class="margin-right-xs">
|
||||
<el-table :data="leftList" border style="width: 100%"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}"
|
||||
max-height="700"
|
||||
ref="deptRef"
|
||||
@row-click="handleRowClick"
|
||||
:row-style="rowStyle"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="门店编码"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.projectTypeNum + '---' + scope.row.projectTypeName }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-table :data="rightList" border style="width: 100%"
|
||||
max-height="700"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}">
|
||||
<el-table-column align="center" label="平台号" show-overflow-tooltip prop="type"></el-table-column>
|
||||
<el-table-column align="center" label="收款账户名" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="收款账户号" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="创建人" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="创建时间" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="修改人" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="修改时间" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="备注" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="修改" min-width="76">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="del(scope.row)" plain>修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
align="left"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.pageNum"
|
||||
:page-sizes="[10, 20, 30, 40, 50]"
|
||||
:page-size="pageInfo.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
<detail ref="detail"/>
|
||||
<senior-select ref="select" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import detail from './components/index.vue'
|
||||
import seniorSelect from '@/pages/branch/storeCollection/components/select'
|
||||
export default {
|
||||
components:{
|
||||
detail,
|
||||
seniorSelect,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
input:'',
|
||||
rowId:'',
|
||||
leftList:[
|
||||
{
|
||||
projectTypeNum:'001',
|
||||
projectTypeName:'门店1',
|
||||
id:1
|
||||
},
|
||||
{
|
||||
projectTypeNum:'001',
|
||||
projectTypeName:'门店2',
|
||||
id:2
|
||||
}
|
||||
],
|
||||
rightList:[{ type:"现金" },{ type:"九江支付" }],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(()=>{
|
||||
this.rowId = 1
|
||||
this.$refs.deptRef.setCurrentRow(this.leftList[0])
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
del(row){
|
||||
this.$refs.detail.show(row)
|
||||
},
|
||||
handleSelect(){
|
||||
this.$refs.select.show()
|
||||
},
|
||||
handleAddEdit(){
|
||||
},
|
||||
handleRowClick(row){
|
||||
this.rowId = row.id
|
||||
},
|
||||
rowStyle({row}){
|
||||
if(this.rowId == row.id){
|
||||
return { 'background-color': 'rgba(255,235,181)', cursor: 'pointer' };
|
||||
}
|
||||
return { cursor: 'pointer' }
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageNum = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageSize = current
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 移入table更换背景色 */
|
||||
/deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
|
||||
background-color: rgba(255,235,181);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-divider content-position="right">
|
||||
<el-button size="mini" type="primary" @click="handleSearch">条件搜索</el-button>
|
||||
<el-button size="small" @click="handleDownload">下载模板</el-button>
|
||||
<el-button size="small" type="warning" @click="handleImport">导入</el-button>
|
||||
<el-button size="small" type="success" @click="handleExport">导出</el-button>
|
||||
</el-divider>
|
||||
<div class="center">
|
||||
<el-table :data="list" border style="width: 100%"
|
||||
max-height="700"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}">
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="label" label="平台号" ></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="memberNum" label="收款账户名" min-width="90"></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="memberName" label="收款账户号" min-width="90"></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="label" label="交易金额" ></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="label" label="交易时间" ></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="银行流水号" min-width="120" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="付款人" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="付款账户" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="手续费" :show-overflow-tooltip="true"></el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
align="left"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.pageNum"
|
||||
:page-sizes="[10, 20, 30, 40, 50]"
|
||||
:page-size="pageInfo.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<bank-select ref="bankSelect"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import bankSelect from './bankSelect.vue'
|
||||
export default {
|
||||
components:{
|
||||
bankSelect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list:[],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 下载模板
|
||||
handleDownload(){},
|
||||
// 搜索
|
||||
handleSearch(){
|
||||
this.$refs.bankSelect.show()
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageNum = size
|
||||
},
|
||||
// 条码
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageSize = current
|
||||
},
|
||||
// 导出
|
||||
handleExport(){},
|
||||
// 导入
|
||||
handleImport(){}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped >
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,75 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="银行收款搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="收款人:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的收款人" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="付款人:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的付款人" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行流水号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的银行流水号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易金额:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的银行单号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易时间:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-date-picker
|
||||
v-model="searchForm.date"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options:[
|
||||
{
|
||||
label:'中国银行',
|
||||
value:0
|
||||
},
|
||||
{
|
||||
label:'招商银行',
|
||||
value:1
|
||||
}
|
||||
],
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-divider content-position="right">
|
||||
<el-button size="mini" type="primary" @click="handleSearch">条件搜索</el-button>
|
||||
<el-button size="small" @click="handleDownload">下载模板</el-button>
|
||||
<el-button size="small" type="warning" @click="handleImport">导入</el-button>
|
||||
<el-button size="small" type="success" @click="handleExport">导出</el-button>
|
||||
</el-divider>
|
||||
<div class="center">
|
||||
<el-table :data="list" border style="width: 100%"
|
||||
max-height="700"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}">
|
||||
<el-table-column align="center" prop="label" label="单据号" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="单据类型" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column :show-overflow-tooltip="true" align="center" prop="memberName" label="收款方式" ></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="交易金额" :show-overflow-tooltip="true"></el-table-column>
|
||||
<el-table-column align="center" prop="label" label="交易时间" :show-overflow-tooltip="true"></el-table-column>
|
||||
</el-table>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
align="left"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.pageNum"
|
||||
:page-sizes="[10, 20, 30, 40, 50]"
|
||||
:page-size="pageInfo.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
<store-select ref="select" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import storeSelect from './storeSelect.vue'
|
||||
export default {
|
||||
components:{
|
||||
storeSelect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
list:[],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 导出
|
||||
handleExport(){},
|
||||
// 导出
|
||||
handleImport(){},
|
||||
// 下载
|
||||
handleDownload(){},
|
||||
// 搜索
|
||||
handleSearch(){
|
||||
this.$refs.select.show()
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageNum = size
|
||||
},
|
||||
// 页码
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageSize = current
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped >
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="门店收款搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="单据号:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的单据号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易金额:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的银行单号" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="交易时间:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-date-picker
|
||||
v-model="searchForm.date"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
options:[
|
||||
{
|
||||
label:'中国银行',
|
||||
value:0
|
||||
},
|
||||
{
|
||||
label:'招商银行',
|
||||
value:1
|
||||
}
|
||||
],
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,118 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div>
|
||||
<el-select class="form-width-m" filterable default-first-option clearable v-model="pageInfo.storesNum" placeholder="请选择门店" @change="changeOut">
|
||||
<el-option v-for="(item,index) in options" :key="index" :label="item.storeNum+'--'+ item.storeName" :value="item.id"></el-option>
|
||||
</el-select>
|
||||
<el-select class="form-width-m" filterable default-first-option clearable v-model="pageInfo.platform" placeholder="请选择平台号" @change="changeOut">
|
||||
<el-option v-for="(item,index) in mannerOptions" :key="index" :label="item.label" :value="item.value"></el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="pageInfo.date"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
<el-button size="mini" type="primary">确认</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-form label-width="80px" ref="form">
|
||||
<div class="flex">
|
||||
<el-form-item label="门店收款" label-position:="top">
|
||||
<store ref="store"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="银行收款" label-position:="top">
|
||||
<bank ref="bank"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { organizations } from "@/api/storeManage.js";
|
||||
import store from './components/store.vue'
|
||||
import bank from './components/Bank.vue'
|
||||
export default {
|
||||
components:{
|
||||
store,
|
||||
bank
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rowId:'',
|
||||
options:[],
|
||||
mannerOptions:[
|
||||
{
|
||||
label:'中国银行',
|
||||
value:1
|
||||
},
|
||||
{
|
||||
label:'招商银行',
|
||||
value:2
|
||||
}
|
||||
],
|
||||
list:[],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getOption()
|
||||
},
|
||||
methods: {
|
||||
changeOut(){},
|
||||
getOption(){
|
||||
organizations({ pageSize: 999 }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.options = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "获取门店信息", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
del(row){
|
||||
},
|
||||
handleAddEdit(){
|
||||
},
|
||||
handleRowClick(row){
|
||||
this.rowId = row.id
|
||||
},
|
||||
rowStyle({row}){
|
||||
if(this.rowId == row.id){
|
||||
return { 'background-color': 'rgba(255,235,181)', cursor: 'pointer' };
|
||||
}
|
||||
return { cursor: 'pointer' }
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 移入table更换背景色 */
|
||||
/deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
|
||||
background-color: rgba(255,235,181);
|
||||
}
|
||||
.flex{
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
/deep/.el-form-item {
|
||||
/* flex: 1; */
|
||||
width: 47%;
|
||||
}
|
||||
/deep/.el-form-item:nth-child(2){
|
||||
width: 52%;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<el-dialog :title="title+'合作商'" :visible.sync="dialogFormVisible" width="500px" :before-close="handleClose">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="编码:" prop='projectTypeNum'>
|
||||
<el-input ref="projectTypeNum" type="number" v-model="form.projectTypeNum" autocomplete="on" style="width:200px"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称:" prop='projectTypeName'>
|
||||
<el-input v-model="form.projectTypeName" autocomplete="on" style="width:200px"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人" prop="registrant">
|
||||
<el-input class="form-input" v-model="form.registrant" autocomplete="off" style="width:200px"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="手机号码" prop="registrantMobilePhone">
|
||||
<el-input class="form-input" v-model="form.registrantMobilePhone" autocomplete="off" maxlength="11" show-word-limit style="width:200px">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注:" prop='projectTypeName'>
|
||||
<el-input v-model="form.projectTypeName" autocomplete="on" style="width:200px"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose" size="mini">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="save">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: "DeptEdit",
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
rules: {
|
||||
projectTypeNum: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入供应商编码",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
deptName: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入合作商名称",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
registrant: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入联系人名称",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
registrantMobilePhone: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入联系人电话",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "", //弹窗标题
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//关闭弹窗前的回调方法
|
||||
handleClose() {
|
||||
this.form = {};
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs.form.clearValidate();
|
||||
},
|
||||
//组件传值
|
||||
show(num,row) {
|
||||
this.form = Object.assign({});
|
||||
if (num == 1) {
|
||||
this.title = '添加';
|
||||
} else {
|
||||
this.title = "修改";
|
||||
this.form = Object.assign({}, row);
|
||||
}
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
close() {
|
||||
this.$refs["form"].resetFields();
|
||||
this.form = this.$options.data().form;
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
//保存确定方法
|
||||
save() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
if (this.title == "添加") {
|
||||
} else {
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
callbackFun(res) {
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -0,0 +1,2 @@
|
||||
export { default as addEdit } from './addEdit.vue'
|
||||
export { default as seniorSelect } from './select.vue'
|
||||
@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="合作商名称搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的用合作商名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作商编码搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的供应商编码" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的联系人" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="联系人电话搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的联系人电话" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="根据状态搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-radio-group v-model="searchForm.state" fill="#f78989">
|
||||
<el-radio :label="1" size="medium" type="primary">启用中</el-radio>
|
||||
<el-radio :label="0" size="medium" type="primary">已停用</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div>
|
||||
<el-button size="mini" type="primary" @click="handelAddEdit(1)">添加
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-button size="mini" type="primary" @click="handleSelect">条件搜索</el-button>
|
||||
<el-button size="mini" type="info" >刷新</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<el-table style="width: 100%;margin-top:5px" max-height="700" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" ref="deptRef" border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeName" :show-overflow-tooltip="true" label="名称" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" label="状态" min-width="80">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.state" active-text="启用" inactive-text="停用" :active-value="1" :inactive-value="0" inactive-color="#cccccc" class="demo"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="联系人" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="联系电话" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="最近修改人" min-width="120"></el-table-column>
|
||||
<el-table-column align="center" prop="modifyDatetime" label="最近修改日期" min-width="80">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="创建人" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="创建日期" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="other" label="备注" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="修改" width="76">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="handelAddEdit(2,scope.row)" size="mini" type="primary">修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="删除" width="76">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="del(scope.row)" plain>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<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>
|
||||
<addEdit ref="addEdit"/>
|
||||
<seniorSelect ref="select" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addEdit,seniorSelect } from './components/index.js'
|
||||
export default {
|
||||
components:{
|
||||
addEdit,
|
||||
seniorSelect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
queryForm: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0,
|
||||
list: [{}],
|
||||
listLoading:false,
|
||||
elementLoadingText: "数据加载中...",
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
handleSelect(){
|
||||
this.$refs.select.show()
|
||||
},
|
||||
handelAddEdit(num,row){
|
||||
this.$refs.addEdit.show(num,row)
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,115 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="80%" :before-close="handleClose">
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div class="flex">
|
||||
<el-form inline lable-width="100px" @submit.native.prevent>
|
||||
<el-form-item label="合作商:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作商名称" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleParthners"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作项目:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作项目" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleProject"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="月份:" >
|
||||
<el-date-picker v-model="pageInfo.month" type="month" placeholder="选择月"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button size="mini" type="primary">确认</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-table style="width: 100%;margin-top:5px" max-height="700" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" ref="deptRef" border v-loading="listLoading" :data="list">
|
||||
<el-table-column label="合作商" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="公司" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="日期" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="销售金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费次数" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="结算依据" min-width="120"></el-table-column>
|
||||
<el-table-column align="center" label="收入结算标准">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="结算方式" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="结算金额" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageInfo.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageInfo.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="handleClose" size="mini">取 消</el-button>
|
||||
</div>
|
||||
<parthners ref="parthners"/>
|
||||
<project ref="project" @projectData="projectData"/>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import project from "@/components/project/index";
|
||||
import parthners from "@/components/partners/index";
|
||||
export default {
|
||||
components:{
|
||||
project,
|
||||
parthners
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title:"合作商对账明细表",
|
||||
dialogFormVisible:false,
|
||||
pageInfo:{
|
||||
pageNum: 1, // 当前页码
|
||||
pageSize: 10, // 每页的数据条数,
|
||||
},
|
||||
total:0,
|
||||
list:[],
|
||||
listLoading:false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
projectData(row){
|
||||
|
||||
},
|
||||
handleParthners(){
|
||||
this.$refs.parthners.show()
|
||||
},
|
||||
handleProject(){
|
||||
this.$refs.project.show(1);
|
||||
},
|
||||
show(){
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageSize = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageNum = current
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.flex{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,105 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div class="flex">
|
||||
<el-form inline lable-width="100px" @submit.native.prevent>
|
||||
<el-form-item label="合作商:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作商名称" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleParthners"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作项目:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作项目" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleProject"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="月份:" >
|
||||
<el-date-picker v-model="pageInfo.month" type="month" placeholder="选择月"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button size="mini" type="primary">确认</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-table style="width: 100%;margin-top:5px" max-height="700" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" ref="deptRef" border v-loading="listLoading" :data="list">
|
||||
<el-table-column label="合作商" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="公司" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="销售单数" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="销售金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费次数" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="结算依据" min-width="120"></el-table-column>
|
||||
<el-table-column align="center" label="收入结算标准">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="结算方式" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="结算" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageInfo.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageInfo.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
<detail ref="detail"></detail>
|
||||
<parthners ref="parthners"/>
|
||||
<project ref="project" @projectData="projectData"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import detail from './components/detail.vue'
|
||||
import parthners from '@/components/partners/index'
|
||||
import project from "@/components/project/index";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
pageInfo:{
|
||||
pageNum: 1, // 当前页码
|
||||
pageSize: 10, // 每页的数据条数,
|
||||
},
|
||||
total:0,
|
||||
list:[{}],
|
||||
listLoading:false
|
||||
}
|
||||
},
|
||||
components:{
|
||||
detail,
|
||||
project,
|
||||
parthners
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
handleParthners(){
|
||||
this.$refs.parthners.show()
|
||||
},
|
||||
detailShow(){
|
||||
this.$refs.detail.show()
|
||||
},
|
||||
handleProject(){
|
||||
this.$refs.project.show(1);
|
||||
},
|
||||
projectData(){},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageSize = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageNum = current
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.flex{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,232 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" :title="title+'项目'" :visible.sync="dialogFormVisible" width="800px" v-dialogDrag :before-close="handleClose">
|
||||
<div class="max-height-60">
|
||||
<el-form :model="form" ref="form" inline label-width="115px" :rules="rules">
|
||||
<el-form-item label="合作商编码" prop="projectNum">
|
||||
<el-input class="form-width" ref="projectNum" :disabled="title=='明细'" oninput="this.value=this.value.replace(/[^\w_]/g,'');" placeholder='请输入合作商编码' v-model="form.projectNum" autocomplete="on">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleParthners"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作商项目名称" prop="projectName">
|
||||
<el-input class="form-width" :disabled="title=='明细'" v-model="form.projectName" autocomplete="on" placeholder='请输入项目名称'></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司项目编码">
|
||||
<el-input class="form-width" ref="projectNum" :disabled="title=='明细'" oninput="this.value=this.value.replace(/[^\w_]/g,'');" placeholder='请输入项目编码' v-model="form.projectNum" autocomplete="on">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleProject"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司项目名称">
|
||||
<el-input class="form-width" :disabled="title=='明细'" v-model="form.projectName" autocomplete="on" placeholder='请输入项目名称'></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="结算依据" prop="directConsumption">
|
||||
<div class="form-width">
|
||||
<el-radio-group v-model="form.directConsumption">
|
||||
<el-radio :label="1">疗程</el-radio>
|
||||
<el-radio :label="0">收银</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="结算方式" prop="smokeCommissionWay">
|
||||
<div class="form-width">
|
||||
<el-radio-group v-model="form.smokeCommissionWay">
|
||||
<el-radio :disabled="title=='明细'" :label="0">固定金额</el-radio>
|
||||
<el-radio :disabled="title=='明细'" :label="1">固定比例</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'合作商结算'+(form.smokeCommissionWay==0?'金额':'比例')" prop="brokerage">
|
||||
<div class="form-width">
|
||||
<el-input class="form-width" :disabled="title=='明细'" oninput="this.value=this.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" :placeholder="'请输入拆分'+(form.smokeCommissionWay==0?'金额':'比例(%)')" pattern="[0-9]*\.?[0-9]{0,2}" v-model="form.brokerage" autocomplete="on"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item :label="'公司结算'+(form.smokeCommissionWay==0?'金额':'比例')" prop="brokerage">
|
||||
<div class="form-width">
|
||||
<el-input class="form-width" :disabled="title=='明细'" oninput="this.value=this.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" :placeholder="'请输入拆分'+(form.smokeCommissionWay==0?'金额':'比例(%)')" pattern="[0-9]*\.?[0-9]{0,2}" v-model="form.brokerage" autocomplete="on"></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注">
|
||||
<el-input class="form-width" :disabled="title=='明细'" style="max-width: 200px" maxlength="200" type="textarea" :autosize="{ minRows: 3, maxRows: 12 }" show-word-limit v-model="form.label" autocomplete="on"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" v-if="title=='明细'" type="primary" @click="handleClose">关闭</el-button>
|
||||
<el-button size="mini" v-else type="primary" @click="handleClose">取 消</el-button>
|
||||
<el-button size="mini" v-if="title=='明细'" v-role="4005003" type="primary" @click="title='修改'">修改</el-button>
|
||||
<el-button size="mini" v-else type="primary" @click="confirm()">确 定</el-button>
|
||||
</div>
|
||||
<parthners ref="parthners"/>
|
||||
<project ref="project" @projectData="projectData"/>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import project from "@/components/project/index";
|
||||
import parthners from "@/components/partners/index";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
formLabelwidth: "100px",
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
title: "", //弹窗标题
|
||||
form: {},
|
||||
format: "YYYY-MM-DD hh:mm:ss",
|
||||
rules: {
|
||||
projectTypeName: {
|
||||
required: true,
|
||||
message: "请选择项目类别",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
projectNum: {
|
||||
required: true,
|
||||
message: "请输入项目编码",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
isCooperation: {
|
||||
required: true,
|
||||
message: "请选择是否合作项目",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
projectName: {
|
||||
required: true,
|
||||
message: "请输入项目名称",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
directConsumption: {
|
||||
required: true,
|
||||
message: "拆分依据",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
smokeCommissionWay: {
|
||||
required: true,
|
||||
message: "抽佣方式",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
brokerage: {
|
||||
required: true,
|
||||
message: "抽佣比例",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
components:{
|
||||
project,
|
||||
parthners
|
||||
},
|
||||
methods: {
|
||||
handleParthners(){
|
||||
this.$refs.parthners.show()
|
||||
},
|
||||
handleProject(){
|
||||
this.$refs.project.show(1);
|
||||
},
|
||||
projectData(row){
|
||||
|
||||
},
|
||||
//组件传值
|
||||
show() {
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
//关闭弹窗前的回调方法
|
||||
handleClose() {
|
||||
this.form = {};
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs.form.clearValidate();
|
||||
},
|
||||
//确定返回方法
|
||||
confirm() {
|
||||
this.form.projectNature = 0;
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-col {
|
||||
width: 450px;
|
||||
}
|
||||
.wage {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.table input {
|
||||
width: 55px;
|
||||
height: 30px;
|
||||
border: none;
|
||||
color: #5a5b5c;
|
||||
border-color: #99a9bf;
|
||||
}
|
||||
|
||||
.table .demo-table-expand {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.table .demo-table-expand label {
|
||||
width: 90px;
|
||||
color: #99a9bf;
|
||||
}
|
||||
|
||||
.table .el-col {
|
||||
border: 1px solid #99a9bf;
|
||||
height: 500px;
|
||||
width: 300px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table .demo-table-expand .el-form-item {
|
||||
margin-right: 0;
|
||||
margin-bottom: 0;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.table .el-table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.table {
|
||||
border-right: 1px solid #e7e7e7;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
background: white;
|
||||
width: 95%;
|
||||
height: 300px;
|
||||
margin: 5px auto;
|
||||
text-align: center;
|
||||
box-shadow: 5px 5px 5px #e7e7e7;
|
||||
}
|
||||
|
||||
.table td,
|
||||
.table tr,
|
||||
.table th {
|
||||
border-left: 1px solid #e7e7e7;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.table .tr th {
|
||||
background: #e7e7e7;
|
||||
border-right: 1px solid white;
|
||||
}
|
||||
|
||||
.table td {
|
||||
overflow: hidden !important;
|
||||
width: 100px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.but2 {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 40px;
|
||||
width: 58px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.el-table th {
|
||||
padding: 5px 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="合作商编码搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的用合作商名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作商名称搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的合作商名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司项目编码搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的公司项目编码" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="公司项目名称搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的公司项目名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="拆分方式搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-radio-group v-model="searchForm.state" fill="#f78989">
|
||||
<el-radio :label="1" size="medium" type="primary">按比例</el-radio>
|
||||
<el-radio :label="0" size="medium" type="primary">按金额</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
searchForm:{},
|
||||
searchDialog:false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search(){
|
||||
this.$emit('init',this.searchForm)
|
||||
},
|
||||
show(){
|
||||
this.searchDialog = true
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@ -0,0 +1,168 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
:disabled="!rowId"
|
||||
@click="handleAddEdit"
|
||||
>添加
|
||||
</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-input
|
||||
size="medium"
|
||||
style="width: 180px"
|
||||
placeholder="请输入项目编码"
|
||||
v-model="input"
|
||||
>
|
||||
<i slot="prefix" class="el-input__icon el-icon-search"></i>
|
||||
</el-input>
|
||||
<el-button size="mini" type="primary">确认</el-button
|
||||
>
|
||||
<el-button size="mini" type="primary" @click="handleSelect">条件搜索</el-button>
|
||||
<el-button size="mini" type="info" plain>刷新</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-start align-start bg-white padding-bottom">
|
||||
<div style="width:180px" class="margin-right-xs">
|
||||
<el-table :data="leftList" border style="width: 100%"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}"
|
||||
max-height="700"
|
||||
ref="deptRef"
|
||||
@row-click="handleRowClick"
|
||||
:row-style="rowStyle"
|
||||
>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="合作商"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.projectTypeNum + '---' + scope.row.projectTypeName }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<el-table :data="rightList" border style="width: 100%"
|
||||
max-height="700"
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee'
|
||||
}"
|
||||
>
|
||||
<el-table-column align="center" label="合作商项目" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="编码" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="名称" show-overflow-tooltip></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="公司项目" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="编码" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="名称" show-overflow-tooltip></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="结算时点" show-overflow-tooltip>
|
||||
<!-- 销售--疗程 买单--收银 -->
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="结算方式" show-overflow-tooltip>
|
||||
<el-table-column align="center" label="方式" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="合作商" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" label="公司" show-overflow-tooltip></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="备注" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="删除" min-width="76">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="del(scope.row)" plain>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="block">
|
||||
<el-pagination
|
||||
align="left"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageInfo.pageNum"
|
||||
:page-sizes="[10, 20, 30, 40, 50]"
|
||||
:page-size="pageInfo.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"
|
||||
></el-pagination>
|
||||
</div>
|
||||
<edit ref="edit"/>
|
||||
<advanced-searchselect ref="advancedSearchselect" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import edit from './components/edit.vue'
|
||||
import advancedSearchselect from './components/select.vue'
|
||||
export default {
|
||||
components:{
|
||||
edit,
|
||||
advancedSearchselect
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
input:'',
|
||||
rowId:'',
|
||||
leftList:[
|
||||
{
|
||||
projectTypeNum:'001',
|
||||
projectTypeName:'供应商',
|
||||
id:1
|
||||
},
|
||||
{
|
||||
projectTypeNum:'001',
|
||||
projectTypeName:'供应商2',
|
||||
id:2
|
||||
}
|
||||
],
|
||||
rightList:[],
|
||||
pageInfo: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
total:0
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(()=>{
|
||||
this.rowId = 1
|
||||
this.$refs.deptRef.setCurrentRow(this.leftList[0])
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
handleSelect(){
|
||||
this.$refs.advancedSearchselect.show()
|
||||
},
|
||||
handleAddEdit(){
|
||||
this.$refs.edit.show()
|
||||
},
|
||||
handleRowClick(row){
|
||||
this.rowId = row.id
|
||||
},
|
||||
rowStyle({row}){
|
||||
if(this.rowId == row.id){
|
||||
return { 'background-color': 'rgba(255,235,181)', cursor: 'pointer' };
|
||||
}
|
||||
return { cursor: 'pointer' }
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageNum = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageSize = current
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 移入table更换背景色 */
|
||||
/deep/ .el-table--enable-row-hover .el-table__body tr:hover > td {
|
||||
background-color: rgba(255,235,181);
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div class="flex">
|
||||
<el-form inline lable-width="100px" @submit.native.prevent>
|
||||
<el-form-item label="合作商:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作商名称" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleParthners"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="合作项目:" >
|
||||
<el-input size="medium" style="width: 180px" placeholder="请输入合作项目" v-model="pageInfo.projectNum">
|
||||
<el-button size="mini" slot="append" maxlength="11" icon="el-icon-search" style="height: 100%;" @click="handleProject"></el-button>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="月份:" >
|
||||
<el-date-picker v-model="pageInfo.month" type="month" placeholder="选择月"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button size="mini" type="primary">确认</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-table style="width: 100%;margin-top:5px" max-height="700" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" ref="deptRef" border v-loading="listLoading" :data="list">
|
||||
<el-table-column label="合作商" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="公司" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目编码" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="项目名称" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="日期" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="销售金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费次数" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="消费金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="结算依据" min-width="120"></el-table-column>
|
||||
<el-table-column align="center" label="收入结算标准">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="结算方式" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="结算金额" align="center">
|
||||
<el-table-column align="center" prop="projectTypeNum" label="合作商" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="projectTypeNum" label="公司" min-width="100"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageInfo.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageInfo.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
<parthners ref="parthners"/>
|
||||
<project ref="project" @projectData="projectData"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import project from "@/components/project/index";
|
||||
import parthners from '@/components/partners/index'
|
||||
export default {
|
||||
components:{
|
||||
project,
|
||||
parthners
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
title:"合作商对账明细表",
|
||||
pageInfo:{
|
||||
pageNum: 1, // 当前页码
|
||||
pageSize: 10, // 每页的数据条数,
|
||||
},
|
||||
total:0,
|
||||
list:[],
|
||||
listLoading:false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
projectData(row){
|
||||
|
||||
},
|
||||
handleParthners(){
|
||||
this.$refs.parthners.show()
|
||||
},
|
||||
handleProject(){
|
||||
this.$refs.project.show(1);
|
||||
},
|
||||
show(){
|
||||
this.dialogFormVisible = true
|
||||
},
|
||||
handleClose() {
|
||||
this.dialogFormVisible = false;
|
||||
},
|
||||
handleSizeChange(size){
|
||||
this.pageInfo.pageSize = size
|
||||
},
|
||||
handleCurrentChange(current){
|
||||
this.pageInfo.pageNum = current
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.flex{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,91 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="dialogVisible" width="70%" append-to-body>
|
||||
<div class="flex justify-end padding-bottom-xs">
|
||||
<el-input class="form-width-m " size="small" v-model="queryForm.projectNum" clearable placeholder="供应商编码" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="合作商名称" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="联系人" @change="getData"></el-input>
|
||||
<el-input class="form-width-m margin-left-xs" size="small" v-model="queryForm.projectName" clearable placeholder="联系电话" @change="getData"></el-input>
|
||||
<el-button class="margin-left-xs" size="mini" type="primary" @click="getData" style="height:0.16rem">搜索</el-button>
|
||||
</div>
|
||||
<el-table @row-dblclick="confirms" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)' ,color:'#eeeeee'}" :data="coureList" @row-click="rowClick" max-height="600" v-loading="listLoading" :element-loading-text="elementLoadingText">
|
||||
<el-table-column label="选择" width="45">
|
||||
<template slot-scope="scope">
|
||||
<el-radio v-model="radio" :label="scope.row.id" @change.native="scope.row">
|
||||
{{ "" }}
|
||||
</el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="left" prop="courseProjectNum" label="供应商编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="left" prop="courseProjectName" label="合作商名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="price" label="供应商状态"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseRestCount" label="联系人"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseRestPrice" label="联系电话"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" prop="courseConsumeCount" label="其他"></el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination v-if="!form.memberName" 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>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirms()">确 定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props:{
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
radio: null, //单选值
|
||||
radioForm: {}, //单选对象
|
||||
list: [], //主数组
|
||||
coureList: [],
|
||||
dialogVisible: false, //弹窗开关
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "数据加载中...", //list加载提示文字
|
||||
title: "合作商", //弹窗标题
|
||||
total: 0, //分页总条数
|
||||
form: {}, //主对象
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
state: 1,
|
||||
projectName: "",
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show() {
|
||||
this.dialogVisible = true;
|
||||
},
|
||||
//点击选中
|
||||
rowClick(row) {
|
||||
this.radio = row.id;
|
||||
this.radioForm = row;
|
||||
},
|
||||
//分页方法coureList
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
this.listLoading = true;
|
||||
},
|
||||
confirms() {
|
||||
this.dialogVisible = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,207 @@
|
||||
<template>
|
||||
<!-- 负卡金 -->
|
||||
<div>
|
||||
<el-select v-if="isTrue == 1" ref="select" collapse-tags filterable default-first-option :multiple='true' v-model="storeId" clearable @clear="getData" placeholder="请选择门店" @change="getData">
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.label" :value="item.storeId">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<el-date-picker
|
||||
v-model="Time"
|
||||
placeholder="选择日期"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="截止日期"
|
||||
@change="handlegetData"
|
||||
>
|
||||
</el-date-picker>
|
||||
<div>
|
||||
<el-button size="mini" type="primary" @click="refresh" style="margin-left: 95%;">刷新</el-button>
|
||||
</div>
|
||||
<br>
|
||||
<div class="div_content">
|
||||
<!-- 充值表格 -->
|
||||
<div>
|
||||
<el-table :data="tableDate"
|
||||
|
||||
:header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee' }" style="margin-bottom: 10%;width: 90%; margin-left: 5%;">
|
||||
<el-table-column align="center" label="充值">
|
||||
<el-table-column align="center" prop="openning" label="期初"></el-table-column>
|
||||
<el-table-column align="center" prop="storeName" label="门店"></el-table-column>
|
||||
<el-table-column align="center" label="收入">
|
||||
<el-table-column align="center" prop="rechargeMoney" label="充值开卡" min-width="70"></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeRepay" label="充值卡付还款" min-width="70"></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeGifMoney" label="充值赠送金额" min-width="95"></el-table-column>
|
||||
<el-table-column align="center" prop="repayRechargeGifMoney" label="还款到账赠送金额" min-width="120"></el-table-column>
|
||||
<el-table-column align="center" prop="turnInStoreGifMoney" label="赠送转入门店" min-width="95"></el-table-column>
|
||||
<el-table-column align="center" prop="courseTurnRecharge" label="疗程转充值" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="cashRefund" label="消费退" min-width="60"></el-table-column>
|
||||
<el-table-column align="center" prop="refundCashGifMoney" label="消费退赠送金额" min-width="60"></el-table-column>
|
||||
<el-table-column align="center" prop="groupPurchase" label="团购卡" min-width="60"></el-table-column>
|
||||
<el-table-column align="center" prop="init" label="初始化" min-width="60"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="支出">
|
||||
<el-table-column align="center" prop="courseMoney" label="疗程开卡" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeRepayMoney" label="充值还款" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="cashMoney" label="收银" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="coursePromotion" label="疗程促销" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeRefundMoney" label="充值退" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="cashRechargeGifMoney" label="收银使用赠送金" min-width="100"></el-table-column>
|
||||
<el-table-column align="center" prop="refundGifMoney" label="退款赠送金额" min-width="80"></el-table-column>
|
||||
<el-table-column align="center" prop="turnOutStoreGifMoney" label="赠送转出门店" min-width="80"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="balance" label="结存" min-width="50"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<!-- 疗程表格 -->
|
||||
<div>
|
||||
<el-table :data="tableDate1"
|
||||
:header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee' }" style="margin-bottom: 10%; width: 90%;
|
||||
margin-left: 5%;">
|
||||
<el-table-column align="center" label="疗程">
|
||||
<el-table-column align="center" prop="openning" label="期初"></el-table-column>
|
||||
<el-table-column align="center" prop="storeName" label="门店"></el-table-column>
|
||||
<el-table-column align="center" label="收入">
|
||||
<el-table-column align="center" prop="courseMoney" label="疗程开卡" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="courseRepay" label="还款" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="cashRefund" label="消费退" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="coursePromotion" label="疗程促销" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="init" label="初始化" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="courseTurnStore" label="疗程转门店" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="cardChange" label="加价转疗程" min-width="50"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="支出">
|
||||
<el-table-column align="center" prop="courseRepayMoney" label="疗程卡付还款" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="cashMoney" label="收银" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="courseRefundMoney" label="疗程退" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="courseTurnCharge" label="疗程转充值" min-width="50"></el-table-column>
|
||||
<el-table-column align="center" prop="courseTurnStoreMoney" label="疗程转门店" min-width="50">
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="balance" label="结存" min-width="50"></el-table-column></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { partten } from "../../../../partten/index";
|
||||
import { SysRoleStore } from "@/api/storeManage.js";
|
||||
import { fixedNegativeCardByRecharge,fixedNegativeCardByCourse } from "../../../api/statistics.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isTrue:sessionStorage.getItem("headOffice") * 1,
|
||||
tableDate: [],
|
||||
tableDate1: [],
|
||||
storeIds:[],
|
||||
options:[],
|
||||
storeId:'',
|
||||
Time:[new Date(),new Date()]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init(){
|
||||
let params = {
|
||||
roleId:JSON.parse(sessionStorage.getItem("userInfo")).roleId
|
||||
}
|
||||
SysRoleStore(params).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
item.label = item.storeNum + "-" + item.storeName;
|
||||
});
|
||||
this.options = res.pageInfo.list;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handlegetData(){
|
||||
this.dayStatisticRecharge()
|
||||
this.dayStatisticTreatment()
|
||||
},
|
||||
getData(ids){
|
||||
if(ids){
|
||||
this.storeIds = ids
|
||||
}else{
|
||||
this.storeIds = []
|
||||
}
|
||||
this.dayStatisticRecharge()
|
||||
this.dayStatisticTreatment()
|
||||
},
|
||||
dayStatisticRecharge() {
|
||||
let params = {
|
||||
date: partten.dayStatisticDate,
|
||||
storeIdl:this.storeIds
|
||||
}
|
||||
if(this.Time!=null){
|
||||
params.startTime = this.formatTime(this.Time[0], "YYYY-MM-DD 00:00:00");
|
||||
params.endTime = this.formatTime(this.Time[1], "YYYY-MM-DD 23:59:59");
|
||||
}
|
||||
fixedNegativeCardByRecharge(params).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.tableDate = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
dayStatisticTreatment() {
|
||||
let params = {
|
||||
date: partten.dayStatisticDate,
|
||||
storeIdl:this.storeIds
|
||||
}
|
||||
if(this.Time!=null){
|
||||
params.startTime = this.formatTime(this.Time[0], "YYYY-MM-DD 00:00:00");
|
||||
params.endTime = this.formatTime(this.Time[1], "YYYY-MM-DD 23:59:59");
|
||||
}
|
||||
fixedNegativeCardByCourse(params).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.tableDate1 = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => { },
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
refresh() {
|
||||
this.dayStatisticTreatment();
|
||||
this.dayStatisticRecharge();
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.init()
|
||||
this.dayStatisticTreatment();
|
||||
this.dayStatisticRecharge();
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.div_content {
|
||||
/* display: flex; */
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,67 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="dialogVisible" width="700px" append-to-body>
|
||||
<el-form :model="form" :rules="rules" ref="form" label-width="80px">
|
||||
<div class="form">
|
||||
<el-form-item label="前缀" prop="memberName">
|
||||
<el-input
|
||||
type="textarea"
|
||||
placeholder="请输入前缀"
|
||||
v-model="form.memberName"
|
||||
maxlength="30"
|
||||
show-word-limit
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="后缀:" prop="cashPassword">
|
||||
<el-input
|
||||
type="textarea"
|
||||
placeholder="请输入后缀"
|
||||
v-model="form.cashPassword"
|
||||
maxlength="30"
|
||||
show-word-limit
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirms()">确 定
|
||||
</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dialogVisible: false, //弹窗开关
|
||||
title: "更新缀名",
|
||||
rules:{
|
||||
memberName: [
|
||||
{ required: true, message: '请输入前缀', trigger: 'blur' },
|
||||
],
|
||||
cashPassword: [
|
||||
{ required: true, message: '请输入后缀', trigger: 'blur' },
|
||||
],
|
||||
},
|
||||
form:{}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
show(row){
|
||||
this.dialogVisible = true
|
||||
},
|
||||
confirms() {
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="staffRanking_header padding-bottom-xs">
|
||||
<div class="header_flex">
|
||||
<div></div>
|
||||
<div>
|
||||
<el-button size="mini" type="primary" :disabled="!radio" @click="handelEdit">修 改</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list"
|
||||
@row-click="rowClick"
|
||||
:header-cell-style="{ background: 'linear-gradient(#6cb3ff, #1873d4)', color: '#eeeeee', }" border ref="table">
|
||||
<el-table-column label="选择" width="45">
|
||||
<template slot-scope="scope">
|
||||
<el-radio v-model="radio" :label="scope.row.id" @change.native="scope.row;">
|
||||
{{ "" }}
|
||||
</el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" min-width="80" prop="name" label="名称"></el-table-column>
|
||||
<el-table-column align="center" min-width="80" prop="storeName" label="前缀"></el-table-column>
|
||||
<el-table-column align="center" min-width="80" prop="storeName" label="后缀"></el-table-column>
|
||||
<el-table-column align="center" min-width="80" prop="storeName" label="修改人"></el-table-column>
|
||||
<el-table-column align="center" min-width="80" prop="storeName" label="修改时间"></el-table-column>
|
||||
</el-table>
|
||||
<edit ref="edit"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import edit from './components/edit.vue'
|
||||
export default {
|
||||
components:{
|
||||
edit
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
list: [
|
||||
{ name: '充值',id:1 }, { name: '疗程',id:2 }, { name: "收银",id:3 }, { name: '还款',id:4 }
|
||||
],
|
||||
radio: '',
|
||||
radioForm: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
//点击选中
|
||||
rowClick(row) {
|
||||
this.radio = row.id;
|
||||
this.radioForm = row;
|
||||
},
|
||||
handelEdit(){
|
||||
this.$refs.edit.show()
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped></style>
|
||||
Loading…
Reference in New Issue