From 96f3af2ea35e3e104916b78a803afb794d6d9588 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Thu, 07 Sep 2023 10:50:35 +0800
Subject: [PATCH] 可退款按钮
---
src/views/qyp-project-order/admin.vue | 136 ++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 120 insertions(+), 16 deletions(-)
diff --git a/src/views/qyp-project-order/admin.vue b/src/views/qyp-project-order/admin.vue
index 8ae691e..a996242 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>
@@ -129,21 +129,32 @@
<el-descriptions-item label="签约时间">{{ orderDetail.signTime }}</el-descriptions-item>
<el-descriptions-item label="解约时间">{{ orderDetail.terminateTime }}</el-descriptions-item>
<el-descriptions-item label="项目名称">{{ orderDetail.projName }}</el-descriptions-item>
+ <el-descriptions-item label="支付金额">￥{{ orderDetail.payAmt }}</el-descriptions-item>
+ <el-descriptions-item label="支付方式">{{ orderDetail.payType }}</el-descriptions-item>
+ <el-descriptions-item label="是否使用优惠券">{{ orderDetail.useCoup }}</el-descriptions-item>
</el-descriptions>
+ </el-dialog>
+ <el-dialog top="2vh" :title="subTitle" fullscreen :visible.sync="productShow" width="60%">
+ <history :orderId="orderId" v-if="isWhith==1"></history>
+ <plan :orderId="orderId" v-else-if="isWhith==2"></plan>
+ <draw :orderId="orderId" 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 +216,7 @@
{
lable: "操作",
align: "center",
- width: "200",
+ width: "300",
fixed: "right",
render: (h, scope) => {
return h("div", [
@@ -216,9 +227,9 @@
type:'text'
},
style: {
- // display: this.filterBtnById(150101)
- // ? "inline-block"
- // : "none",
+ display: this.filterBtnById(430202)
+ ? "inline-block"
+ : "none",
},
on: {
click: () => {
@@ -229,6 +240,72 @@
},
},
"查看详情"
+ ),
+ h(
+ "el-button",
+ {
+ props:{
+ type:'text'
+ },
+ style: {
+ display: this.filterBtnById(430203)
+ ? "inline-block"
+ : "none",
+ },
+ on: {
+ click: () => {
+ let {orderId} = scope.row;
+ this.orderId = orderId;
+ this.isWhith = 1;
+ this.productShow = true;
+ },
+ },
+ },
+ "支付历史"
+ ),
+ h(
+ "el-button",
+ {
+ props:{
+ type:'text'
+ },
+ style: {
+ display: this.filterBtnById(430204)
+ ? "inline-block"
+ : "none",
+ },
+ on: {
+ click: () => {
+ let {orderId} = scope.row;
+ this.orderId = orderId;
+ this.isWhith = 2;
+ this.productShow = true;
+ },
+ },
+ },
+ "扣款计划"
+ ),
+ h(
+ "el-button",
+ {
+ props:{
+ type:'text'
+ },
+ style: {
+ display: this.filterBtnById(430205)
+ ? "inline-block"
+ : "none",
+ },
+ on: {
+ click: () => {
+ let {orderId} = scope.row;
+ this.orderId = orderId;
+ this.isWhith = 3;
+ this.productShow = true;
+ },
+ },
+ },
+ "权益领取"
)
]);
},
@@ -236,10 +313,24 @@
],
relustObj: {},
addProd:false,
+ productShow:false,
createdTime:[],
title:"新增项目",
orderDetail:{},
- exportExcelList:[]
+ exportExcelList:[],
+ isWhith:'',
+ orderId:''
+ }
+ },
+ 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) {
//只能输入整数
@@ -275,7 +377,7 @@
}
let objForm = JSON.parse(JSON.stringify(this.formInline));
for (let key in objForm) {
- if (objForm[key] === "all") {
+ if (objForm[key] === "all"||objForm[key] === ""||objForm[key] === null) {
delete objForm[key];
}
}
@@ -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