还款页面 修改
parent
e844c5fe29
commit
df135edb0b
@ -1,73 +1,73 @@
|
|||||||
export const phoneNum = /^((1)|(\\+861)|(861))[0-9]{10}$/;
|
export const phoneNum = /^((1)|(\\+861)|(861))[0-9]{10}$/;
|
||||||
|
|
||||||
export const email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
|
export const email = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
|
||||||
|
|
||||||
// export const http = "https://www.decaisoft.com:443/";
|
// export const http = "https://www.decaisoft.com:443/";
|
||||||
// export const https = "https://www.decaisoft.com:443/img";
|
// export const https = "https://www.decaisoft.com:443/img";
|
||||||
|
|
||||||
export const http = "http://139.9.58.205:21/img/";
|
export const http = "http://139.9.58.205:21/img/";
|
||||||
export const https = "http://139.9.58.205:8077/tydFile/";
|
export const https = "http://139.9.58.205:8077/tydFile/";
|
||||||
|
|
||||||
var month = "";
|
var month = "";
|
||||||
if (new Date().getMonth() + 1 < 10) {
|
if (new Date().getMonth() + 1 < 10) {
|
||||||
month = "0" + (new Date().getMonth() + 1);
|
month = "0" + (new Date().getMonth() + 1);
|
||||||
} else {
|
} else {
|
||||||
month = new Date().getMonth() + 1;
|
month = new Date().getMonth() + 1;
|
||||||
dabao;
|
dabao;
|
||||||
}
|
}
|
||||||
|
|
||||||
var day = "";
|
var day = "";
|
||||||
if (new Date().getDate() < 10) {
|
if (new Date().getDate() < 10) {
|
||||||
day = "0" + new Date().getDate();
|
day = "0" + new Date().getDate();
|
||||||
} else {
|
} else {
|
||||||
day = new Date().getDate();
|
day = new Date().getDate();
|
||||||
}
|
}
|
||||||
|
|
||||||
var hours = "";
|
var hours = "";
|
||||||
if (new Date().getHours() < 10) {
|
if (new Date().getHours() < 10) {
|
||||||
hours = "0" + new Date().getHours();
|
hours = "0" + new Date().getHours();
|
||||||
} else {
|
} else {
|
||||||
hours = new Date().getHours();
|
hours = new Date().getHours();
|
||||||
}
|
}
|
||||||
|
|
||||||
var Min = null;
|
var Min = null;
|
||||||
if (new Date().getMinutes() < 10) {
|
if (new Date().getMinutes() < 10) {
|
||||||
Min = "0" + new Date().getMinutes();
|
Min = "0" + new Date().getMinutes();
|
||||||
} else {
|
} else {
|
||||||
Min = new Date().getMinutes();
|
Min = new Date().getMinutes();
|
||||||
}
|
}
|
||||||
var seconds = null;
|
var seconds = null;
|
||||||
if (new Date().getSeconds() < 10) {
|
if (new Date().getSeconds() < 10) {
|
||||||
seconds = "0" + new Date().getSeconds();
|
seconds = "0" + new Date().getSeconds();
|
||||||
} else {
|
} else {
|
||||||
seconds = new Date().getSeconds();
|
seconds = new Date().getSeconds();
|
||||||
}
|
}
|
||||||
|
|
||||||
export const date =
|
export const date =
|
||||||
new Date().getFullYear() +
|
new Date().getFullYear() +
|
||||||
"" +
|
"" +
|
||||||
month +
|
month +
|
||||||
"" +
|
"" +
|
||||||
day +
|
day +
|
||||||
"" +
|
"" +
|
||||||
hours +
|
hours +
|
||||||
"" +
|
"" +
|
||||||
Min +
|
Min +
|
||||||
"" +
|
"" +
|
||||||
seconds;
|
seconds;
|
||||||
export const dates =
|
export const dates =
|
||||||
new Date().getFullYear() +
|
new Date().getFullYear() +
|
||||||
"/" +
|
"/" +
|
||||||
month +
|
month +
|
||||||
"/" +
|
"/" +
|
||||||
day +
|
day +
|
||||||
" " +
|
" " +
|
||||||
hours +
|
hours +
|
||||||
":" +
|
":" +
|
||||||
Min +
|
Min +
|
||||||
":" +
|
":" +
|
||||||
seconds;
|
seconds;
|
||||||
|
|
||||||
export const dayStatisticDate =
|
export const dayStatisticDate =
|
||||||
new Date().getFullYear() + "-" + month + "-" + new Date().getDate();
|
new Date().getFullYear() + "-" + month + "-" + new Date().getDate();
|
||||||
export const months = new Date().getFullYear() + "-" + month + "";
|
export const months = new Date().getFullYear() + "-" + month + "";
|
||||||
|
|||||||
@ -1,185 +1,185 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="notallote">
|
<div class="notallote">
|
||||||
<hr />
|
<hr />
|
||||||
<el-table :data="list" stripe style="width: 100%" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
<el-table :data="list" stripe style="width: 100%" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||||
<el-table-column align="center" prop="memberNum" label="编码" min-width="80" sortable></el-table-column>
|
<el-table-column align="center" prop="memberNum" label="编码" min-width="80" sortable></el-table-column>
|
||||||
<el-table-column align="center" prop="memberName" label="姓名" min-width="100" sortable></el-table-column>
|
<el-table-column align="center" prop="memberName" label="姓名" min-width="100" sortable></el-table-column>
|
||||||
<el-table-column align="center" prop="sex" label="性别" min-width="80">
|
<el-table-column align="center" prop="sex" label="性别" min-width="80">
|
||||||
<template slot-scope="scope">{{scope.row.label==1?'男':'女'}}</template>
|
<template slot-scope="scope">{{scope.row.sex==1?'男':'女'}}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" prop="label" :show-overflow-tooltip="true" label="标签" min-width="80">
|
<el-table-column align="center" prop="label" :show-overflow-tooltip="true" label="标签" min-width="80">
|
||||||
<template slot-scope="scope">{{scope.row.label==null?'暂时没有标签':scope.row.label}}</template>
|
<template slot-scope="scope">{{scope.row.label==null?'暂时没有标签':scope.row.label}}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" prop="mobilePhone" label="手机" min-width="150" sortable>
|
<el-table-column align="center" prop="mobilePhone" label="手机" min-width="150" sortable>
|
||||||
<template slot-scope="scope">{{scope.row.mobilePhone | phone}}</template>
|
<template slot-scope="scope">{{scope.row.mobilePhone | phone}}</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" fixed="right" label="操作" width="80" v-role='4008001'>
|
<el-table-column align="center" fixed="right" label="操作" width="80" v-role='4008001'>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="primary" @click="allote(scope.row,scope.$index,(visible=true))" plain>分派</el-button>
|
<el-button size="mini" type="primary" @click="allote(scope.row,scope.$index,(visible=true))" plain>分派</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="block" style="margin-top:15px;">
|
<div class="block" style="margin-top:15px;">
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="pageInfo.total"></el-pagination>
|
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="pageNum" :page-sizes="[10,20,30,40,50]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="pageInfo.total"></el-pagination>
|
||||||
</div>
|
</div>
|
||||||
<!-- 分派 -->
|
<!-- 分派 -->
|
||||||
<el-dialog :close-on-click-modal="false" v-dialogDrag title="分派" :visible.sync="visible" width="800px">
|
<el-dialog :close-on-click-modal="false" v-dialogDrag title="分派" :visible.sync="visible" width="800px">
|
||||||
<el-form :model="allotForm" :inline="true">
|
<el-form :model="allotForm" :inline="true">
|
||||||
<el-form-item label="会员编码:" :label-width="formLabelwidth">
|
<el-form-item label="会员编码:" :label-width="formLabelwidth">
|
||||||
<span>{{allotForm.memberNum}}</span>
|
<span>{{allotForm.memberNum}}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员名称:" :label-width="formLabelwidth">
|
<el-form-item label="会员名称:" :label-width="formLabelwidth">
|
||||||
<span>{{allotForm.memberName}}</span>
|
<span>{{allotForm.memberName}}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="会员性别:" :label-width="formLabelwidth">
|
<el-form-item label="会员性别:" :label-width="formLabelwidth">
|
||||||
<span>{{allotForm.sex==1?'男':'女'}}</span>
|
<span>{{allotForm.sex==1?'男':'女'}}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="分派人员:" :label-width="formLabelwidth">
|
<el-form-item label="分派人员:" :label-width="formLabelwidth">
|
||||||
<span>{{allotForm.allotstaff}}</span>
|
<span>{{allotForm.allotstaff}}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div style="width:400px;margin:0px auto">
|
<div style="width:400px;margin:0px auto">
|
||||||
|
|
||||||
<el-table :data="staffList" style="padding-left:20px;" @current-change="changetable" @row-dblclick="confirm">
|
<el-table :data="staffList" style="padding-left:20px;" @current-change="changetable" @row-dblclick="confirm">
|
||||||
<el-table-column align="center" label="选择" width="100">
|
<el-table-column align="center" label="选择" width="100">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-radio v-model="radiotable" :label="scope.row.id" @change.native="(scope.row)"></el-radio>
|
<el-radio v-model="radiotable" :label="scope.row.id" @change.native="(scope.row)"></el-radio>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column align="center" prop="brandNumber" label="水牌号" width="80"></el-table-column>
|
<el-table-column align="center" prop="brandNumber" label="水牌号" width="80"></el-table-column>
|
||||||
<el-table-column align="center" prop="staffName" label="名字" min-width="100"></el-table-column>
|
<el-table-column align="center" prop="staffName" label="名字" min-width="100"></el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<div class="block" style="margin-top:15px;">
|
<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>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button size="mini" type="primary" @click="visible = false">取 消</el-button>
|
<el-button size="mini" type="primary" @click="visible = false">取 消</el-button>
|
||||||
<el-button size="mini" type="primary" @click="confirm(visible=false)">确 定</el-button>
|
<el-button size="mini" type="primary" @click="confirm(visible=false)">确 定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { staffPage, pageassign, storeMemberassign } from "@/api/storeManage.js";
|
import { staffPage, pageassign, storeMemberassign } from "@/api/storeManage.js";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
visible: false, //弹窗开关
|
visible: false, //弹窗开关
|
||||||
pageNum: 1, // 当前页码
|
pageNum: 1, // 当前页码
|
||||||
pageSize: 10, // 每页的数据条数,
|
pageSize: 10, // 每页的数据条数,
|
||||||
input: "", //当前页搜索输入值
|
input: "", //当前页搜索输入值
|
||||||
radiotable: "", //员工选中值
|
radiotable: "", //员工选中值
|
||||||
allotstaffList: "", //员工选中表单
|
allotstaffList: "", //员工选中表单
|
||||||
formLabelwidth: "130px", //表单提示标题宽度
|
formLabelwidth: "130px", //表单提示标题宽度
|
||||||
list: [], //主数组
|
list: [], //主数组
|
||||||
allotForm: {}, //分派表单
|
allotForm: {}, //分派表单
|
||||||
pageInfo: {
|
pageInfo: {
|
||||||
total: 0, //分页总条数
|
total: 0, //分页总条数
|
||||||
tableList: [],
|
tableList: [],
|
||||||
},
|
},
|
||||||
total: 0, //分页总条数
|
total: 0, //分页总条数
|
||||||
queryForm: {
|
queryForm: {
|
||||||
//查询对象
|
//查询对象
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
},
|
},
|
||||||
staffList: [], //员工列表
|
staffList: [], //员工列表
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//分派按钮显示员工信息
|
//分派按钮显示员工信息
|
||||||
allote(row, index) {
|
allote(row, index) {
|
||||||
this.allotForm = { ...row };
|
this.allotForm = { ...row };
|
||||||
staffPage({ state: 1 }).then((res) => {
|
staffPage({ state: 1 }).then((res) => {
|
||||||
this.staffList = res.pageInfo.list;
|
this.staffList = res.pageInfo.list;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//分派选择
|
//分派选择
|
||||||
changetable(row) {
|
changetable(row) {
|
||||||
this.radiotable = row.id;
|
this.radiotable = row.id;
|
||||||
this.allotstaffList = row;
|
this.allotstaffList = row;
|
||||||
},
|
},
|
||||||
//分派确定 改变assignState为1 显示为已分派
|
//分派确定 改变assignState为1 显示为已分派
|
||||||
//确定返回方法
|
//确定返回方法
|
||||||
confirm() {
|
confirm() {
|
||||||
var allotForm = {
|
var allotForm = {
|
||||||
id: this.allotForm.id,
|
id: this.allotForm.id,
|
||||||
staffId: this.allotstaffList.id,
|
staffId: this.allotstaffList.id,
|
||||||
staffName: this.allotstaffList.staffName,
|
staffName: this.allotstaffList.staffName,
|
||||||
};
|
};
|
||||||
storeMemberassign(allotForm).then((res) => {
|
storeMemberassign(allotForm).then((res) => {
|
||||||
//console.log(res);
|
//console.log(res);
|
||||||
if (res.code == "000000") {
|
if (res.code == "000000") {
|
||||||
if (this.radiotable !== "") {
|
if (this.radiotable !== "") {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: "success",
|
type: "success",
|
||||||
message: "已成功分派!",
|
message: "已成功分派!",
|
||||||
});
|
});
|
||||||
this.visible = false;
|
this.visible = false;
|
||||||
} else {
|
} else {
|
||||||
this.$message({
|
this.$message({
|
||||||
type: "error",
|
type: "error",
|
||||||
message: "请选择分派人员!",
|
message: "请选择分派人员!",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
this.getData();
|
this.getData();
|
||||||
} else {
|
} else {
|
||||||
this.$alert(res.message, "提示", {
|
this.$alert(res.message, "提示", {
|
||||||
confirmButtonText: "确定",
|
confirmButtonText: "确定",
|
||||||
confirmButtonClass: "confirmbtnFalses",
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
type: "warning",
|
type: "warning",
|
||||||
center: true,
|
center: true,
|
||||||
callback: (action) => {},
|
callback: (action) => {},
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
//分页方法
|
//分页方法
|
||||||
handleSizeChange(val) {
|
handleSizeChange(val) {
|
||||||
// //console.log(`每页 ${val} 条`);
|
// //console.log(`每页 ${val} 条`);
|
||||||
this.queryForm.pageSize = val;
|
this.queryForm.pageSize = val;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
handleCurrentChange(val) {
|
handleCurrentChange(val) {
|
||||||
// //console.log(`当前页: ${val}`);
|
// //console.log(`当前页: ${val}`);
|
||||||
this.queryForm.pageNum = val;
|
this.queryForm.pageNum = val;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
//获取数据
|
//获取数据
|
||||||
async getData() {
|
async getData() {
|
||||||
pageassign(this.queryForm).then((res) => {
|
pageassign(this.queryForm).then((res) => {
|
||||||
if (res.code == "000000") {
|
if (res.code == "000000") {
|
||||||
this.list = res.pageInfo.list;
|
this.list = res.pageInfo.list;
|
||||||
this.total = res.pageInfo.total;
|
this.total = res.pageInfo.total;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
//组件传值
|
//组件传值
|
||||||
show(form) {
|
show(form) {
|
||||||
if (form) {
|
if (form) {
|
||||||
this.queryForm = Object.assign(form, this.queryForm);
|
this.queryForm = Object.assign(form, this.queryForm);
|
||||||
}
|
}
|
||||||
this.queryForm.assignState = 0;
|
this.queryForm.assignState = 0;
|
||||||
this.queryForm.storeId = JSON.parse(
|
this.queryForm.storeId = JSON.parse(
|
||||||
sessionStorage.getItem("storeInfo")
|
sessionStorage.getItem("storeInfo")
|
||||||
).id;
|
).id;
|
||||||
this.getData();
|
this.getData();
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style >
|
<style >
|
||||||
.fenpai {
|
.fenpai {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notallote .el-radio__label {
|
.notallote .el-radio__label {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Loading…
Reference in New Issue