From 5749770d6d8fc6f98e68868f98e00eeb87b633d2 Mon Sep 17 00:00:00 2001 From: zhaoxiaoqiang <287285524@qq.com> Date: Tue, 05 Sep 2023 17:36:09 +0800 Subject: [PATCH] 后台管理代码 --- src/views/qyp-project-order/admin.vue | 124 ++++++++++++++++++++++++++++++++++++----- 1 files changed, 109 insertions(+), 15 deletions(-) diff --git a/src/views/qyp-project-order/admin.vue b/src/views/qyp-project-order/admin.vue index 8ae691e..7151975 100644 --- a/src/views/qyp-project-order/admin.vue +++ b/src/views/qyp-project-order/admin.vue @@ -100,7 +100,7 @@ </div> <div class="table_box"> <div style="margin-left: 10px;text-align: right;"> - <el-button type="primary" size="small" @click="addProduct">导出excel</el-button> + <el-button type="primary" size="small" @click="addProduct" v-if='filterBtnById("430201")' >导出excel</el-button> </div> <Etable hasIndex @@ -113,7 +113,7 @@ @handleSelectionChange="handleSelectionChange" :exportUrl="{ url: '/qyp/order/orderExport', - powerId: '', + powerId: '430206', name: '订单列表', }" ></Etable> @@ -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", [ @@ -216,9 +224,9 @@ type:'text' }, style: { - // display: this.filterBtnById(150101) - // ? "inline-block" - // : "none", + display: this.filterBtnById(430202) + ? "inline-block" + : "none", }, on: { click: () => { @@ -229,6 +237,66 @@ }, }, "查看详情" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + display: this.filterBtnById(430203) + ? "inline-block" + : "none", + }, + on: { + click: () => { + this.isWhith = 1; + this.productShow = true; + }, + }, + }, + "支付历史" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + display: this.filterBtnById(430204) + ? "inline-block" + : "none", + }, + on: { + click: () => { + this.isWhith = 2; + this.productShow = true; + }, + }, + }, + "扣款计划" + ), + h( + "el-button", + { + props:{ + type:'text' + }, + style: { + display: this.filterBtnById(430205) + ? "inline-block" + : "none", + }, + on: { + click: () => { + this.isWhith = 3; + this.productShow = true; + }, + }, + }, + "权益领取" ) ]); }, @@ -236,10 +304,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 +330,15 @@ } }, deep: true - } + }, + productShow:{ + handler: function(val) { + if(!val){ + this.isWhith =''; + } + }, + deep: true + }, }, //生命周期 - 创建完成(可以访问当前this实例) created() { @@ -258,8 +347,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 +381,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