|
|
@@ -0,0 +1,296 @@
|
|
|
+<template>
|
|
|
+ <div class="order-list-container">
|
|
|
+ <!-- 搜索组件 -->
|
|
|
+ <search-box-new
|
|
|
+ ref="searchBox"
|
|
|
+ :formList="formList"
|
|
|
+ :formData="formData"
|
|
|
+ @search="search"
|
|
|
+ @init="resetQuery"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 表格组件 -->
|
|
|
+ <table-list
|
|
|
+ ref="tableList"
|
|
|
+ :tableSets="tableSet"
|
|
|
+ :tableData="tableData"
|
|
|
+ :navText="navText"
|
|
|
+ :loading="loading"
|
|
|
+ :total="total"
|
|
|
+ :pageSize="formData.pageSize"
|
|
|
+ :currentPage="formData.pageNum"
|
|
|
+ @handleSizeChange="handleSizeChange"
|
|
|
+ @handleCurrentChange="handleCurrentChange"
|
|
|
+ >
|
|
|
+ <template slot="customize" >
|
|
|
+ <el-button size="medium" @click="downexcel()" type="primary"
|
|
|
+ >批量导出</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <!-- 操作列插槽 -->
|
|
|
+ <template slot="btn" slot-scope="props">
|
|
|
+ <el-button type="text" @click="openDetail(props.scope.row,'detail')">查看详情</el-button>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ </table-list>
|
|
|
+
|
|
|
+ <pagination
|
|
|
+ :total="total"
|
|
|
+ :pageSize="formData.pageSize"
|
|
|
+ :currentPage="formData.pageNum"
|
|
|
+ @handleSizeChange="handleSizeChange"
|
|
|
+ @handleCurrentChange="handleCurrentChange"
|
|
|
+ />
|
|
|
+
|
|
|
+ <!-- 财务订单详情弹窗组件 -->
|
|
|
+ <order-check-detail
|
|
|
+ :visible="detailVisible"
|
|
|
+ :detail-info="detailInfo"
|
|
|
+ :operate-type="operateType"
|
|
|
+ @close="detailVisible = false"
|
|
|
+ @refresh="search"
|
|
|
+ />
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import searchBoxNew from "@/components/searchBoxNew";
|
|
|
+import tableList from "@/components/tableList";
|
|
|
+import pagination from "@/components/pagination";
|
|
|
+import orderCheckDetail from "../checkOrder/component/orderCheckDetail.vue";
|
|
|
+export default {
|
|
|
+ name: "affairsOrderList",
|
|
|
+ components: {
|
|
|
+ searchBoxNew,
|
|
|
+ tableList,
|
|
|
+ pagination,
|
|
|
+ orderCheckDetail
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ loading: false,
|
|
|
+ // 弹窗
|
|
|
+ detailVisible: false,
|
|
|
+ invoiceCheckVisible: false,
|
|
|
+ invoiceOperateType: "detail", // 发票操作类型:check审核/upload上传/detail详情
|
|
|
+ detailInfo: null,
|
|
|
+ operateType: "detail",
|
|
|
+
|
|
|
+ // 搜索条件配置
|
|
|
+ formData: {
|
|
|
+ orderSn: "",
|
|
|
+ orderType: "",
|
|
|
+ orderStatus: "",
|
|
|
+ checkStatus: "",
|
|
|
+ refundStatus: "",
|
|
|
+ invoiceStatus: "",
|
|
|
+ userName: "",
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10
|
|
|
+ },
|
|
|
+ formList: [
|
|
|
+ { label: "订单号", prop: "orderSn", placeholder: "请输入订单号" },
|
|
|
+ { label: "用户名称", prop: "userName", placeholder: "请输入用户名称" },
|
|
|
+ {
|
|
|
+ label: "订单类型",
|
|
|
+ prop: "orderType",
|
|
|
+ placeholder: "请选择订单类型",
|
|
|
+ scope: "select",
|
|
|
+ options: [
|
|
|
+ { label: "对公", value: 1 },
|
|
|
+ { label: "微信", value: 2 },
|
|
|
+ { label: "线下", value: 3 }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // label: "订单状态",
|
|
|
+ // prop: "checkStatus",
|
|
|
+ // placeholder: "请选择审核状态",
|
|
|
+ // scope: "select",
|
|
|
+ // options: [
|
|
|
+ // { label: "待审核", value: 0 },
|
|
|
+ // { label: "已通过", value: 1 },
|
|
|
+ // { label: "未通过", value: 2 },
|
|
|
+ // { label: "已撤销", value: 3 }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label: "退款状态",
|
|
|
+ prop: "refundStatus",
|
|
|
+ placeholder: "请选择退款状态",
|
|
|
+ scope: "select",
|
|
|
+ options: [
|
|
|
+ { label: "待审核", value: 0 },
|
|
|
+ { label: "未通过", value: 1 },
|
|
|
+ { label: "未退款", value: 2 },
|
|
|
+ { label: "已完成", value: 3 }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // label: "发票状态",
|
|
|
+ // prop: "invoiceStatus",
|
|
|
+ // placeholder: "请选择发票状态",
|
|
|
+ // scope: "select",
|
|
|
+ // options: [
|
|
|
+ // { label: "未开票", value: 0 },
|
|
|
+ // { label: "已开票", value: 1 },
|
|
|
+ // { label: "待审核", value: 2 },
|
|
|
+ // { label: "已审核", value: 3 },
|
|
|
+ // { label: "审核未通过", value: 4 }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ label: "创建时间",
|
|
|
+ prop1: "startTime",
|
|
|
+ prop2: "endTime",
|
|
|
+ placeholder1: "订单开始时间",
|
|
|
+ placeholder2: "订单结束时间",
|
|
|
+ scope: "moreDataPicker",
|
|
|
+ Diszing: true,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+
|
|
|
+ // 表格配置
|
|
|
+ navText: {
|
|
|
+ title: "教务订单管理",
|
|
|
+ index: 0,
|
|
|
+ ch: "条",
|
|
|
+ num: false,
|
|
|
+ choice: false,
|
|
|
+ addHide: true,
|
|
|
+ border: true,
|
|
|
+ tableHide:true,
|
|
|
+ backFatherBtn: { status: false, title: "未定义" }
|
|
|
+ },
|
|
|
+ tableSet: [
|
|
|
+ { label: "订单号", prop: "orderSn", hidden: true},
|
|
|
+ { label: "用户名称", prop: "userName", hidden: true},
|
|
|
+ { label: "公司名称", prop: "companyName", hidden: true},
|
|
|
+ { label: "渠道名称", prop: "channelName", hidden: true},
|
|
|
+ { label: "教育类型", prop: "eduName", hidden: true},
|
|
|
+ { label: "业务名称", prop: "businessName", hidden: true},
|
|
|
+ { label: "订单类型", prop: "orderType", hidden: true, scope: "isOptions",
|
|
|
+ options: [{ label: "对公转账", value: 1 },{ label: "微信支付", value: 2 },{ label: "线下结算", value: 3 }] },
|
|
|
+ { label: "订单状态", prop: "checkStatus", hidden: true, scope: "isOptions",
|
|
|
+ options: [{ label: "待审核", value: 0 },{ label: "已通过", value: 1 },{ label: "未通过", value: 2 },{ label: "已撤销", value: 3 }]},
|
|
|
+ { label: "退款状态", prop: "refundStatus", hidden: true, scope: "isOptions",
|
|
|
+ options: [{ label: "待审核", value: 0 },{ label: "未通过", value: 1 },{ label: "未退款", value: 2 },{ label: "已完成", value: 3 },{ label: "正常", value: null }]},
|
|
|
+ // { label: "发票状态", prop: "invoiceStatus", hidden: true, scope: "isOptions",
|
|
|
+ // options: [{ label: "未开票", value: 0 },{ label: "已开票", value: 1 },{ label: "待审核", value: 2 },{ label: "已审核", value: 3 },{ label: "审核未通过", value: 4 }]},
|
|
|
+ { label: "订单数量", prop: "orderNum", hidden: true},
|
|
|
+ { label: "订单人数", prop: "orderPersonNum", hidden: true},
|
|
|
+ // { label: "标准价格", prop: "orderPrice", hidden: true},
|
|
|
+ // { label: "支付价格", prop: "payPrice", hidden: true},
|
|
|
+ // { label: "实收账款", prop: "orderReceived", hidden: true},
|
|
|
+ // { label: "未收账款", prop: "orderUncollected", hidden: true},
|
|
|
+ { label: "创建时间", prop: "createTime", hidden: true, scope: "aTimeList"},
|
|
|
+ { label: "支付/审核时间", prop: "payTime", hidden: true, scope: "aTimeList"}
|
|
|
+ ],
|
|
|
+ tableData: [],
|
|
|
+ total: 0,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ /** 获取财务订单列表 */
|
|
|
+ async search(int) {
|
|
|
+ this.loading = true;
|
|
|
+ if (int === 1) {
|
|
|
+ this.formData.pageNum = 1;
|
|
|
+ }
|
|
|
+ if (int === 2) {
|
|
|
+ this.formData = {
|
|
|
+ pageSize: 10,
|
|
|
+ pageNum: 1,
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (int === 3) {
|
|
|
+ this.formData.pageNum = 1;
|
|
|
+ }
|
|
|
+ this.formData.checkStatus=1;
|
|
|
+ var data = JSON.parse(JSON.stringify(this.formData));
|
|
|
+ if (this.formData.startTime) {
|
|
|
+ data.startTime = data.startTime / 1000;
|
|
|
+ }
|
|
|
+ if (this.formData.endTime) {
|
|
|
+ data.endTime = data.endTime / 1000;
|
|
|
+ }
|
|
|
+ try {
|
|
|
+ const res = await this.$api.financeOrderList(data);
|
|
|
+ this.tableData = res.rows || [];
|
|
|
+ this.total = res.total || 0;
|
|
|
+ this.navText.index = this.total;
|
|
|
+ } catch (err) {
|
|
|
+ console.error("获取订单列表失败", err);
|
|
|
+ } finally {
|
|
|
+ this.loading = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+downexcel(){
|
|
|
+ this.formData.checkStatus=1;
|
|
|
+ var data = JSON.parse(JSON.stringify(this.formData));
|
|
|
+ data.checkStatus=1;
|
|
|
+ data.pageNum = 1;
|
|
|
+ data.pageSize = 10000;
|
|
|
+ if (this.formData.startTime) {
|
|
|
+ data.startTime = data.startTime / 1000;
|
|
|
+ }
|
|
|
+ if (this.formData.endTime) {
|
|
|
+ data.endTime = data.endTime / 1000;
|
|
|
+ }
|
|
|
+ this.$api
|
|
|
+ .financeorderexport(data)
|
|
|
+ .then((res) => {
|
|
|
+ // console.log(res.msg)
|
|
|
+ this.$methodsTools.exportData(res.msg,true)
|
|
|
+ });
|
|
|
+},
|
|
|
+ /** 重置查询 */
|
|
|
+ resetQuery() {
|
|
|
+ this.formData = {
|
|
|
+ orderSn: "",
|
|
|
+ orderType: "",
|
|
|
+ orderStatus: "",
|
|
|
+ checkStatus: "",
|
|
|
+ refundStatus: "",
|
|
|
+ invoiceStatus: "",
|
|
|
+ userName: "",
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10
|
|
|
+ };
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 分页改变 */
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.formData.pageSize = val;
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.formData.pageNum = val;
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+
|
|
|
+ /** 打开详情/审核/退款审核 */
|
|
|
+ openDetail(row,type) {
|
|
|
+ this.operateType = type;
|
|
|
+ this.detailInfo = row;
|
|
|
+ this.detailVisible = true;
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.order-list-container {
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+</style>
|