Skip to content

C
confucius
Commit 402471c5 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 492a7a27
Hide whitespace changes
Inline Side-by-side
Showing with 381 additions and 515 deletions
src/components/sale/orderlist.vue
View file @ 402471c5
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
</div> </div>
</div> </div>
<div class="order_OferTitle" v-if="item.TargetJoinType == 1"> <div class="order_OferTitle" v-if="item.TargetJoinType == 1">
<template v-if="item.JoinType == 3"> <template v-if="item.JoinType == 3 &&item.SourceOrderId>0">
原订单:{{ item.SourceOrderId }} 原订单:{{ item.SourceOrderId }}
</template> </template>
<template v-if="item.JoinType == 4"> <template v-if="item.JoinType == 4">
......
src/pages/sale/orderStatistics.vue
View file @ 402471c5
<template> <template>
<div class="page-body myOrder"> <div class="page-body myOrder">
<div <div style="width: 100%;display: flex;justify-content: space-between" v-if="source != 1">
style="width: 100%;display: flex;justify-content: space-between"
v-if="source != 1"
>
<span style="font-size: 20px;font-weight: 400; ">报名统计</span> <span style="font-size: 20px;font-weight: 400; ">报名统计</span>
<div style="display: flex;align-items: center;"> <div style="display: flex;align-items: center;">
<span> <span>
<q-toggle <q-toggle v-model="msg.Q_NotCollect" label="只看款未收齐订单" class="q-mb-md" false-value="0" true-value="1"
v-model="msg.Q_NotCollect" @input="resetSearch" />
label="只看款未收齐订单"
class="q-mb-md"
false-value="0"
true-value="1"
@input="resetSearch"
/>
</span> </span>
<div class="page-option" style="margin-left: 10px;"> <div class="page-option" style="margin-left: 10px;">
<q-btn <q-btn color="accent" size="sm" class="q-mr-md" label="导出" @click="goexport()" />
color="accent"
size="sm"
class="q-mr-md"
label="导出"
@click="goexport()"
/>
</div> </div>
</div> </div>
</div> </div>
...@@ -33,128 +18,50 @@ ...@@ -33,128 +18,50 @@
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<div class="col-3"> <div class="col-3">
<q-input <q-input @change="resetSearch" clearable dense standout="bg-primary text-white" v-model="msg.OrderId"
@change="resetSearch" label="订单号" @clear="resetSearch" maxlength="10" />
clearable
dense
standout="bg-primary text-white"
v-model="msg.OrderId"
label="订单号"
@clear="resetSearch"
maxlength="10"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense standout="bg-primary text-white" v-model="msg.CourseSubject"
@input="resetSearch" :options="CourseSubjectList" option-label="SubjectName" option-value="Id" emit-value map-options
dense label="所属科目" clearable />
standout="bg-primary text-white"
v-model="msg.CourseSubject"
:options="CourseSubjectList"
option-label="SubjectName"
option-value="Id"
emit-value
map-options
label="所属科目"
clearable
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input <q-input @change="resetSearch" dense clearable standout="bg-primary text-white" v-model="msg.GuestName"
@change="resetSearch" label="学生名称" @clear="resetSearch" maxlength="20" />
dense
clearable
standout="bg-primary text-white"
v-model="msg.GuestName"
label="学生名称"
@clear="resetSearch"
maxlength="20"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input <q-input @change="resetSearch" dense clearable standout="bg-primary text-white" v-model="msg.ClassName"
@change="resetSearch" label="班级名称" @clear="resetSearch" maxlength="20" />
dense
clearable
standout="bg-primary text-white"
v-model="msg.ClassName"
label="班级名称"
@clear="resetSearch"
maxlength="20"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-input <q-input @change="resetSearch" dense clearable standout="bg-primary text-white" v-model="msg.ClassNo"
@change="resetSearch" label="班号" @clear="resetSearch" maxlength="20" />
dense
clearable
standout="bg-primary text-white"
v-model="msg.ClassNo"
label="班号"
@clear="resetSearch"
maxlength="20"
/>
</div> </div>
<template v-if="source != 1"> <template v-if="source != 1">
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="CourseId"
@input="resetSearch" option-label="CourseName" v-model="msg.CouseId" :options="CourseList" emit-value map-options label="学习课程"
dense @filter="filterCourse" use-input />
standout="bg-primary text-white"
option-value="CourseId"
option-label="CourseName"
v-model="msg.CouseId"
:options="CourseList"
emit-value
map-options
label="学习课程"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select dense @input="
dense
@input="
msg.OrderState == 0 msg.OrderState == 0
? (msg.Q_OrderState = 1) ? (msg.Q_OrderState = 1)
: (msg.Q_OrderState = 0), : (msg.Q_OrderState = 0),
resetSearch() resetSearch()
" " standout="bg-primary text-white" option-value="Id" option-label="Name" v-model="msg.OrderState"
standout="bg-primary text-white" :options="OrderStateList" emit-value map-options label="订单状态" />
option-value="Id"
option-label="Name"
v-model="msg.OrderState"
:options="OrderStateList"
emit-value
map-options
label="订单状态"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-field filled dense> <q-field filled dense>
<template v-slot:control> <template v-slot:control>
<el-date-picker <el-date-picker v-model="msg.StartTime" type="date" value-format="yyyy-MM-dd" placeholder="报名开始时间"
v-model="msg.StartTime" size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
type="date" </el-date-picker>至
value-format="yyyy-MM-dd" <el-date-picker v-model="msg.EndTime" type="date" value-format="yyyy-MM-dd" placeholder="报名结束时间"
placeholder="报名开始时间" size="small" style="width:47%;" @change="resetSearch" clear-icon="iconfont icon-guanbi">
size="small"
style="width:47%;"
@change="resetSearch"
clear-icon="iconfont icon-guanbi"
>
</el-date-picker
>至
<el-date-picker
v-model="msg.EndTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="报名结束时间"
size="small"
style="width:47%;"
@change="resetSearch"
clear-icon="iconfont icon-guanbi"
>
</el-date-picker> </el-date-picker>
</template> </template>
</q-field> </q-field>
...@@ -162,52 +69,22 @@ ...@@ -162,52 +69,22 @@
<div class="col-3"> <div class="col-3">
<q-field filled dense> <q-field filled dense>
<template v-slot:control> <template v-slot:control>
<el-date-picker <el-date-picker v-model="dateList2" @change="resetSearch()" size="mini" value-format="yyyy-MM-dd"
v-model="dateList2" type="daterange" style="border:none;" range-separator="至" start-placeholder="开班开始时间"
@change="resetSearch()" end-placeholder="开班结束时间">
size="mini"
value-format="yyyy-MM-dd"
type="daterange"
style="border:none;"
range-separator="至"
start-placeholder="开班开始时间"
end-placeholder="开班结束时间"
>
</el-date-picker> </el-date-picker>
</template> </template>
</q-field> </q-field>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="Id"
@input="resetSearch" option-label="EmployeeName" v-model="msg.EnterID" :options="EmployeeList" emit-value map-options
dense label="业务员" use-input @filter="filterFn2" />
standout="bg-primary text-white"
option-value="Id"
option-label="EmployeeName"
v-model="msg.EnterID"
:options="EmployeeList"
emit-value
map-options
label="业务员"
use-input
@filter="filterFn2"
/>
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select <q-select @input="resetSearch" dense standout="bg-primary text-white" option-value="Id"
@input="resetSearch" option-label="EmployeeName" v-model="msg.HelpEnterId" :options="TeacherList" emit-value map-options
dense label="关联教师" use-input @filter="filterFn3" />
standout="bg-primary text-white"
option-value="Id"
option-label="EmployeeName"
v-model="msg.HelpEnterId"
:options="TeacherList"
emit-value
map-options
label="关联教师"
use-input
@filter="filterFn3"
/>
</div> </div>
</template> </template>
</div> </div>
...@@ -263,401 +140,390 @@ ...@@ -263,401 +140,390 @@
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
<orderlist <orderlist :dataList="data.List" :authObj="authObj" @success="refreshClassOrder" :modityOrderType="3"
:dataList="data.List" ref="orderL">
:authObj="authObj"
@success="refreshClassOrder"
:modityOrderType="3"
ref="orderL"
>
</orderlist> </orderlist>
<div class="row" style="justify-content: flex-end;padding: 5px 20px"> <div class="row" style="justify-content: flex-end;padding: 5px 20px">
<q-pagination <q-pagination v-model="msg.pageIndex" :max="pageCount" @input="changePage" class="full-width justify-end"
v-model="msg.pageIndex" color="primary" :input="true">
:max="pageCount"
@input="changePage"
class="full-width justify-end"
color="primary"
:input="true"
>
</q-pagination> </q-pagination>
</div> </div>
</div> </div>
<classinfo-form <classinfo-form v-if="isShowClassInfo" :seting-obj="classObjOption" @close="closeClass"
v-if="isShowClassInfo" @success="refreshClassOrder">
:seting-obj="classObjOption"
@close="closeClass"
@success="refreshClassOrder"
>
</classinfo-form> </classinfo-form>
</div> </div>
</template> </template>
<script> <script>
import { import {
getMyOrderStatisticsPageList, //获取订单列表 getMyOrderStatisticsPageList, //获取订单列表
getOrderStateEnumList //订单状态 getOrderStateEnumList //订单状态
} from "../../api/sale/sale"; } from "../../api/sale/sale";
import { import {
queryCourseDropdownList, queryCourseDropdownList,
getCourseSubject getCourseSubject
} from "../../api/course/index"; } from "../../api/course/index";
import myOrderForm from "../../components/sale/myOrder-form"; import myOrderForm from "../../components/sale/myOrder-form";
import classinfoForm from "../../components/course/classinfo-form"; import classinfoForm from "../../components/course/classinfo-form";
import orderlist from "../../components/sale/orderlist"; import orderlist from "../../components/sale/orderlist";
import { queryEmployee } from "../../api/users/user"; import {
import { EduDownLoad } from "../../api/common/common"; queryEmployee
export default { } from "../../api/users/user";
meta: { import {
title: "报名统计" EduDownLoad
}, } from "../../api/common/common";
components: { export default {
myOrderForm, meta: {
classinfoForm, title: "报名统计"
orderlist
},
data() {
return {
dialog: false,
data: {},
loading: false,
dateList: [], //报名时间
dateList2: [], //开班时间
msg: {
pageIndex: 1,
pageSize: 8,
OrderId: "", //订单号
GuestName: "", //客人名称
ClassName: "", //班级名称
CouseId: "0", //课程id
StartTime: "", //报名开始时间
EndTime: "", //报名结束时间
OPStartTime: "", //开班开始时间
OPEndTime: "", //开班结束时间
Q_NotCollect: "0", //查询未收齐 1是 0否
OrderState: 0, //订单状态 枚举
Q_OrderState: 1, //查询 1正常订单 2取消订单 (默认传1 如果 选择了订单状态 则传 0)
Q_OrderBy: 2, //写死 =2
PlatformTax: 0, //平台税金
EnterID: "", //业务员id
ClassNo: "", //班号
HelpEnterId: "", //关联教师
CourseSubject: "" //所属科目
},
//订单状态
OrderStateList: [],
pageCount: 0,
CourseList: [], //关联课程下拉数据
allCourseList: [], //关联课程下拉数据
classObjOption: null,
isShowClassInfo: false, //是否显示课程信息
showone: false,
//权限判断
authObj: {
isShowGuestBtn: 0, //显示新增学员名单按钮
isShowFinanceBtn: false, //显示财务单据按钮
isShowTransOrder: false, //显示转交订单按钮
isShowSaleRemark: false, //显示修改销售备注
isShowBackClass: false, //显示退课按钮
isShowRenewClass: false, //显示续课按钮
isShowEdit: false, //不显示修改按钮
isShowBackClass: false, //不显示退课
isShowRenewClass: false //不显示续课
},
EmployeeList: [], //业务员
AllemployeeList: [],
TeacherList: [], //关联教师
AllTeacherList: [],
CourseSubjectList: [], //科目列表
source: 0, //1：从课程列表进入
CourseName: ""
};
},
created() {
if (this.$route.query.OrderId) {
this.msg.OrderId = this.$route.query.OrderId;
}
let nowDay = new Date();
var year = nowDay.getFullYear(); //年
var month = nowDay.getMonth() + 1; //月
var day = nowDay.getDate(); //日
var currentDay = year + "-" + month + "-" + day;
this.msg.StartTime = currentDay;
if (this.$route.query.source) {
this.source = this.$route.query.source;
if (this.source == 1) {
this.msg.StartTime = "";
}
}
if (this.$route.query.CourseId) {
this.msg.CouseId = this.$route.query.CourseId;
}
if (this.$route.query.CourseName) {
this.CourseName = decodeURIComponent(this.$route.query.CourseName);
}
if (this.$route.query.StartTime) {
this.msg.StartTime = this.$route.query.StartTime + "-01";
}
if (this.$route.query.EndTime) {
this.msg.EndTime = this.$route.query.EndTime + "-01";
}
if (this.$route.query.EnterID) {
this.msg.EnterID = Number(this.$route.query.EnterID);
}
if (this.$route.query.ClassName) {
this.msg.ClassName = decodeURI(this.$route.query.ClassName);
}
this.queryCourseSubject();
this.getOrderState();
this.getCourseList();
},
mounted() {
this.getList();
this.getEmployee(0);
this.getglteacher();
},
methods: {
queryCourseSubject() {
getCourseSubject({}).then(res => {
if (res.Code == 1) {
this.CourseSubjectList = res.Data;
}
});
}, },
//订单状态 components: {
getOrderState() { myOrderForm,
getOrderStateEnumList({}).then(res => { classinfoForm,
if (res.Code == 1) { orderlist
var tempArray = res.Data;
if (!tempArray) {
tempArray = [];
}
tempArray.unshift({
Id: 0,
Name: "不限"
});
this.OrderStateList = tempArray;
}
});
}, },
//获取课程 data() {
getCourseList() { return {
queryCourseDropdownList({}).then(res => { dialog: false,
if (res.Code == 1) { data: {},
var tempArray = res.Data; loading: false,
this.CourseList = tempArray; dateList: [], //报名时间
this.allCourseList = tempArray; dateList2: [], //开班时间
} msg: {
}); pageIndex: 1,
}, pageSize: 8,
//筛选课程 OrderId: "", //订单号
filterCourse(val, update, abort) { GuestName: "", //客人名称
update(() => { ClassName: "", //班级名称
this.CourseList = this.allCourseList.filter( CouseId: "", //课程id
v => v.CourseName.indexOf(val) > -1 StartTime: "", //报名开始时间
); EndTime: "", //报名结束时间
}); OPStartTime: "", //开班开始时间
OPEndTime: "", //开班结束时间
Q_NotCollect: "0", //查询未收齐 1是 0否
OrderState: 0, //订单状态 枚举
Q_OrderState: 1, //查询 1正常订单 2取消订单 (默认传1 如果 选择了订单状态 则传 0)
Q_OrderBy: 2, //写死 =2
PlatformTax: 0, //平台税金
EnterID: "", //业务员id
ClassNo: "", //班号
HelpEnterId: "", //关联教师
CourseSubject: "" //所属科目
},
//订单状态
OrderStateList: [],
pageCount: 0,
CourseList: [], //关联课程下拉数据
allCourseList: [], //关联课程下拉数据
classObjOption: null,
isShowClassInfo: false, //是否显示课程信息
showone: false,
//权限判断
authObj: {
isShowGuestBtn: 0, //显示新增学员名单按钮
isShowFinanceBtn: false, //显示财务单据按钮
isShowTransOrder: false, //显示转交订单按钮
isShowSaleRemark: false, //显示修改销售备注
isShowBackClass: false, //显示退课按钮
isShowRenewClass: false, //显示续课按钮
isShowEdit: false, //不显示修改按钮
isShowBackClass: false, //不显示退课
isShowRenewClass: false //不显示续课
},
EmployeeList: [], //业务员
AllemployeeList: [],
TeacherList: [], //关联教师
AllTeacherList: [],
CourseSubjectList: [], //科目列表
source: 0, //1：从课程列表进入
CourseName: ""
};
}, },
//翻页 created() {
changePage(val) { if (this.$route.query.OrderId) {
if (this.showone == true) { this.msg.OrderId = this.$route.query.OrderId;
this.msg.pageIndex = val;
this.getList();
} else {
this.showone = true;
} }
}, let nowDay = new Date();
resetSearch() { var year = nowDay.getFullYear(); //年
this.msg.pageIndex = 1; var month = nowDay.getMonth() + 1; //月
this.getList(); var day = nowDay.getDate(); //日
}, var currentDay = year + "-" + month + "-" + day;
//获取菜单分页列表 this.msg.StartTime = currentDay;
getList() { if (this.$route.query.source) {
// if (this.dateList && this.dateList.length > 0) { this.source = this.$route.query.source;
// this.msg.StartTime = this.dateList[0]; if (this.source == 1) {
// this.msg.EndTime = this.dateList[1]; this.msg.StartTime = "";
// } else { }
// this.msg.StartTime = '';
// this.msg.EndTime = '';
// }
if (this.dateList2 && this.dateList2.length > 0) {
this.msg.OPStartTime = this.dateList2[0];
this.msg.OPEndTime = this.dateList2[1];
} else {
this.msg.OPStartTime = "";
this.msg.OPEndTime = "";
} }
let msg = JSON.parse(JSON.stringify(this.msg)); if (this.$route.query.CourseId) {
if (msg.OrderId == "" || msg.OrderId == null) { this.msg.CouseId = this.$route.query.CourseId;
msg.OrderId = 0;
} }
this.loading = true; if (this.$route.query.CourseName) {
getMyOrderStatisticsPageList(msg) this.CourseName = decodeURIComponent(this.$route.query.CourseName);
.then(res => { }
this.data = res.Data.PageData; if (this.$route.query.StartTime) {
let OrderIds = []; this.msg.StartTime = this.$route.query.StartTime + "-01";
this.data.List.forEach(x => { }
OrderIds.push(x.OrderId); if (this.$route.query.EndTime) {
}); this.msg.EndTime = this.$route.query.EndTime + "-01";
this.loading = false; }
OrderIds = OrderIds.join(","); if (this.$route.query.EnterID) {
if (this.data.List.length > 0) { this.msg.EnterID = Number(this.$route.query.EnterID);
this.$refs.orderL.getOrderFinanceList(OrderIds, 1); }
} if (this.$route.query.ClassName) {
this.pageCount = res.Data.PageCount; this.msg.ClassName = decodeURI(this.$route.query.ClassName);
}) }
.catch(() => { this.queryCourseSubject();
this.loading = false; this.getOrderState();
}); this.getCourseList();
}, },
//刷新页面 mounted() {
refreshClassOrder() {
this.getList(); this.getList();
this.getEmployee(0);
this.getglteacher();
}, },
getClassInfo(obj) { methods: {
//打开班级详情组件 queryCourseSubject() {
this.classObjOption = obj; getCourseSubject({}).then(res => {
this.isShowClassInfo = true; if (res.Code == 1) {
}, this.CourseSubjectList = res.Data;
//关闭班级信息弹窗 }
closeClass() { });
this.isShowClassInfo = false; },
}, //订单状态
getglteacher() { getOrderState() {
var qMsg = { getOrderStateEnumList({}).then(res => {
AccountTypeStr: 2 if (res.Code == 1) {
}; var tempArray = res.Data;
queryEmployee(qMsg).then(res => { if (!tempArray) {
if (res.Code == 1) { tempArray = [];
this.TeacherList = res.Data; }
let obj = { tempArray.unshift({
Id: "", Id: 0,
EmployeeName: "不限" Name: "不限"
}; });
this.TeacherList.unshift(obj); this.OrderStateList = tempArray;
this.AllTeacherList = JSON.parse(JSON.stringify(this.TeacherList)); }
});
},
//获取课程
getCourseList() {
queryCourseDropdownList({}).then(res => {
if (res.Code == 1) {
var tempArray = res.Data;
this.CourseList = tempArray;
this.allCourseList = tempArray;
}
});
},
//筛选课程
filterCourse(val, update, abort) {
update(() => {
this.CourseList = this.allCourseList.filter(
v => v.CourseName.indexOf(val) > -1
);
});
},
//翻页
changePage(val) {
if (this.showone == true) {
this.msg.pageIndex = val;
this.getList();
} else {
this.showone = true;
} }
}); },
}, resetSearch() {
//筛选关联老师 this.msg.pageIndex = 1;
filterFn3(val, update) { this.getList();
update(() => { },
if (val === "") { //获取菜单分页列表
this.TeacherList = JSON.parse(JSON.stringify(this.AllTeacherList)); getList() {
// if (this.dateList && this.dateList.length > 0) {
// this.msg.StartTime = this.dateList[0];
// this.msg.EndTime = this.dateList[1];
// } else {
// this.msg.StartTime = '';
// this.msg.EndTime = '';
// }
if (this.dateList2 && this.dateList2.length > 0) {
this.msg.OPStartTime = this.dateList2[0];
this.msg.OPEndTime = this.dateList2[1];
} else { } else {
const needle = val.toLowerCase(); this.msg.OPStartTime = "";
this.TeacherList = this.AllTeacherList.filter( this.msg.OPEndTime = "";
v => v.EmployeeName.toLowerCase().indexOf(needle) > -1
);
} }
}); let msg = JSON.parse(JSON.stringify(this.msg));
}, if (msg.OrderId == "" || msg.OrderId == null) {
//业务员 msg.OrderId = 0;
getEmployee(id) { }
var qMsg = { this.loading = true;
Dept_Id: 0 getMyOrderStatisticsPageList(msg)
}; .then(res => {
qMsg.Dept_Id = id; this.data = res.Data.PageData;
queryEmployee(qMsg) let OrderIds = [];
.then(res => { this.data.List.forEach(x => {
OrderIds.push(x.OrderId);
});
this.loading = false;
OrderIds = OrderIds.join(",");
if (this.data.List.length > 0) {
this.$refs.orderL.getOrderFinanceList(OrderIds, 1);
}
this.pageCount = res.Data.PageCount;
})
.catch(() => {
this.loading = false;
});
},
//刷新页面
refreshClassOrder() {
this.getList();
},
getClassInfo(obj) {
//打开班级详情组件
this.classObjOption = obj;
this.isShowClassInfo = true;
},
//关闭班级信息弹窗
closeClass() {
this.isShowClassInfo = false;
},
getglteacher() {
var qMsg = {
AccountTypeStr: 2
};
queryEmployee(qMsg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.EmployeeList = res.Data; this.TeacherList = res.Data;
let obj = { let obj = {
Id: "", Id: "",
EmployeeName: "不限" EmployeeName: "不限"
}; };
this.EmployeeList.unshift(obj); this.TeacherList.unshift(obj);
this.AllemployeeList = JSON.parse( this.AllTeacherList = JSON.parse(JSON.stringify(this.TeacherList));
JSON.stringify(this.EmployeeList) }
});
},
//筛选关联老师
filterFn3(val, update) {
update(() => {
if (val === "") {
this.TeacherList = JSON.parse(JSON.stringify(this.AllTeacherList));
} else {
const needle = val.toLowerCase();
this.TeacherList = this.AllTeacherList.filter(
v => v.EmployeeName.toLowerCase().indexOf(needle) > -1
); );
} }
}) });
.catch(() => {}); },
}, //业务员
//筛选业务员 getEmployee(id) {
filterFn2(val, update) { var qMsg = {
update(() => { Dept_Id: 0
if (val === "") { };
this.EmployeeList = JSON.parse(JSON.stringify(this.AllemployeeList)); qMsg.Dept_Id = id;
} else { queryEmployee(qMsg)
const needle = val.toLowerCase(); .then(res => {
this.EmployeeList = this.AllemployeeList.filter( if (res.Code == 1) {
v => v.EmployeeName.toLowerCase().indexOf(needle) > -1 this.EmployeeList = res.Data;
); let obj = {
} Id: "",
}); EmployeeName: "不限"
}, };
goexport() { this.EmployeeList.unshift(obj);
//导出 this.AllemployeeList = JSON.parse(
var msg = JSON.parse(JSON.stringify(this.msg)); JSON.stringify(this.EmployeeList)
EduDownLoad( );
"/order/GetOrderPageListStatisticsToExcel", }
msg, })
"订单列表.xls" .catch(() => {});
); },
//筛选业务员
filterFn2(val, update) {
update(() => {
if (val === "") {
this.EmployeeList = JSON.parse(JSON.stringify(this.AllemployeeList));
} else {
const needle = val.toLowerCase();
this.EmployeeList = this.AllemployeeList.filter(
v => v.EmployeeName.toLowerCase().indexOf(needle) > -1
);
}
});
},
goexport() {
//导出
var msg = JSON.parse(JSON.stringify(this.msg));
EduDownLoad(
"/order/GetOrderPageListStatisticsToExcel",
msg,
"订单列表.xls"
);
}
} }
} };
};
</script> </script>
<style> <style>
li { li {
list-style-type: none; list-style-type: none;
} }
.myOrder ul { .myOrder ul {
padding: 0px; padding: 0px;
} }
.myOrder .price-popup { .myOrder .price-popup {
border-radius: 4px; border-radius: 4px;
} }
.myOrder .el-range-editor .el-range-input { .myOrder .el-range-editor .el-range-input {
background: transparent; background: transparent;
} }
.myOrder .el-range-editor.el-input__inner { .myOrder .el-range-editor.el-input__inner {
background-color: transparent; background-color: transparent;
} }
.myOrder .q-mb-md { .myOrder .q-mb-md {
margin-bottom: 0; margin-bottom: 0;
} }
.myOrder .stics { .myOrder .stics {
padding: 10px 20px; padding: 10px 20px;
background: #dddee0; background: #dddee0;
border-radius: 4px; border-radius: 4px;
font-size: 14px; font-size: 14px;
color: #000000; color: #000000;
font-weight: bold; font-weight: bold;
} }
.myOrder .stics .stics-name { .myOrder .stics .stics-name {
color: #2d2d2d; color: #2d2d2d;
font-weight: 600; font-weight: 600;
margin-right: 10px; margin-right: 10px;
} }
.myOrder .tis { .myOrder .tis {
margin: 10px 0; margin: 10px 0;
align-items: center; align-items: center;
} }
.myOrder .tis .tis-k { .myOrder .tis .tis-k {
width: 10px; width: 10px;
height: 10px; height: 10px;
margin-right: 8px; margin-right: 8px;
} }
.myOrder .tis span { .myOrder .tis span {
font-size: 14px; font-size: 14px;
color: #2d2d2d; color: #2d2d2d;
font-weight: 600; font-weight: 600;
margin-right: 20px; margin-right: 20px;
} }
.myOrder .el-input__inner { .myOrder .el-input__inner {
border: none !important; border: none !important;
background: transparent !important; background: transparent !important;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment