From f867c1a87123e0dae74ec36591433082df094b75 Mon Sep 17 00:00:00 2001 From: zhaoxiaoqiang <287285524@qq.com> Date: Tue, 05 Sep 2023 16:25:42 +0800 Subject: [PATCH] 订单选择导出角色管理 --- src/views/qyp-project-order/admin.vue | 124 ++++++++++++++++++++++++++++++++++++++--- 1 files changed, 114 insertions(+), 10 deletions(-) diff --git a/src/views/qyp-project-order/admin.vue b/src/views/qyp-project-order/admin.vue index 8ae691e..5fcea8f 100644 --- a/src/views/qyp-project-order/admin.vue +++ b/src/views/qyp-project-order/admin.vue @@ -131,19 +131,27 @@ <el-descriptions-item label="项目名称">{{ orderDetail.projName }}</el-descriptions-item> </el-descriptions> </el-dialog> + <el-dialog top="2vh" :title="subTitle" fullscreen :visible.sync="productShow" width="60%"> + <history v-if="isWhith==1"></history> + <plan v-else-if="isWhith==2"></plan> + <draw v-else-if="isWhith==3"></draw> + </el-dialog> </div> </template> - <script> - import Etable from "../../components/table.vue"; - import {orderInit,orderDtl} from "@/api/credit"; + import Etable from "@/components/table.vue"; + import history from './history.vue'; + import plan from './plan.vue'; + import draw from './draw.vue'; + import {orderInit,orderDtl,orderExport} from "@/api/order"; import uploadImg from "@/components/upload.vue"; + import downloadUrl from "@/utils/excelDownLoadConfig"; export default { name: "order", - components: { Etable,uploadImg }, + components: { Etable,uploadImg,history,plan,draw }, data() { return { - formInline: {status:"all"}, + formInline: {promId:"all",orderStatus:"all",agencyName:'all'}, searchData: {}, columns: [ { @@ -205,7 +213,7 @@ { lable: "操作", align: "center", - width: "200", + width: "300", fixed: "right", render: (h, scope) => { return h("div", [ @@ -229,6 +237,76 @@ }, }, "查看详情" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + // display: this.filterBtnById(150101) + // ? "inline-block" + // : "none", + }, + on: { + click: () => { + + this.isWhith = 1; + this.productShow = true; + // this.title = '订单详情'; + // let {orderId} = scope.row; + // this.getProductDetail(orderId); + }, + }, + }, + "支付历史" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + // display: this.filterBtnById(150101) + // ? "inline-block" + // : "none", + }, + on: { + click: () => { + this.isWhith = 2; + this.productShow = true; + // this.title = '订单详情'; + // let {orderId} = scope.row; + // this.getProductDetail(orderId); + }, + }, + }, + "扣款计划" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + // display: this.filterBtnById(150101) + // ? "inline-block" + // : "none", + }, + on: { + click: () => { + this.isWhith = 3; + this.productShow = true; + // this.title = '订单详情'; + // let {orderId} = scope.row; + // this.getProductDetail(orderId); + }, + }, + }, + "权益领取" ) ]); }, @@ -236,10 +314,23 @@ ], relustObj: {}, addProd:false, + productShow:false, createdTime:[], title:"新增项目", orderDetail:{}, - exportExcelList:[] + exportExcelList:[], + isWhith:'' + } + }, + computed:{ + subTitle(){ + let text ='支付历史'; + if(this.isWhith==2){ + text = '扣款计划' + }else if(this.isWhith==3){ + text = '权益领取' + } + return text; } }, watch:{ @@ -249,7 +340,15 @@ } }, deep: true - } + }, + productShow:{ + handler: function(val) { + if(!val){ + this.isWhith =''; + } + }, + deep: true + }, }, //生命周期 - 创建完成(可以访问当前this实例) created() { @@ -258,8 +357,11 @@ methods: { addProduct(){ if(!this.exportExcelList.length){ - return this.$message.error("请选择订单后导出"); + return this.$message.error("请选择订单后导出"); } + orderExport({orderIdList:this.exportExcelList.join(',')}).then((res) => { + downloadUrl.configDate2(res, '管理员订单列表'); + }); }, keyupEvent(e) { //只能输入整数 @@ -289,7 +391,9 @@ getDataList(e) { }, handleSelectionChange(list){ - this.exportExcelList = list; + this.exportExcelList = list.map(d=>{ + return d.orderId + }); }, getProductDetail(orderId){ orderDtl({orderId:orderId}).then(({body})=>{ -- Gitblit v1.8.0