可退款按钮

zhaoxiaoqiang

2023-09-07 96f3af2ea35e3e104916b78a803afb794d6d9588

 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})=>{