订单选择导出角色管理

zhaoxiaoqiang

2023-09-05 f867c1a87123e0dae74ec36591433082df094b75

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