9999

zhaoxiaoqiang

2021-09-01 923c9beac02bf756d09c2e70b119e50b95af9f74

 src/views/order/wxScore.vue

@@ -9,7 +9,7 @@
    <div class="order-lthyj">
        <v-navbar title="微信分订单列表" fixed >
            <template v-slot:right >
                <div class="flex-center-g" @click="isShowFilter = true;">
        <div class="flex-center-g" @click="isShowFilter = true">
                    <span>筛选</span>
                    <svg class="icon" aria-hidden="true" style="width:18px;height:18px;">
                        <use xlink:href="#iconshaixuan"></use>
@@ -20,12 +20,10 @@
        <!-- 订单列表 -->
        <div class="order-list">
            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="init" >
                <v-wxScore-order-item :userName="item.userName || '无'"  :time='+item.creTime' :list='item.list' :contName="item.contName"
                                      :term="item.term" v-for="(item,k) in list" :key="k" @click="go(item.id)">
                </v-wxScore-order-item>
        <v-wxScore-order-item :userName="item.userName || '无'" :time="+item.creTime" :list="item.list" :contName="item.contName" :term="item.term" v-for="(item, k) in list" :key="k" @click="go(item.id)"> </v-wxScore-order-item>
            </van-list>
        </div>
        <v-button-circle icon='icondaochu' title='导出' @click="exportFile"></v-button-circle>
    <v-button-circle icon="icondaochu" title="导出" @click="exportFile"></v-button-circle>
        <v-filter  v-model="isShowFilter" :hasTime="false" :hasMoney="false" :hasSearch="true" :hasWxScore="true" @search="(v)=>search(v,true)"></v-filter>
        <van-popup v-model="exporShow">
            <div class="popup-content">
@@ -40,20 +38,15 @@
                    <span class="top">已将信息发送至邮箱，请注意查收</span>
                    <span v-text="userinfo.email || ''">1244667@163.com</span>
                </p>
                <van-button class="btn-submit" @click="exporShow=false;" :style="{color:$store.state.backColor}">确定</van-button>
        <van-button class="btn-submit" @click="exporShow = false" :style="{ color: $store.state.backColor }">确定</van-button>
            </div>
        </van-popup>
    </div>
</template>

<script>
    import {
        mapState,
        mapGetters
    } from 'vuex';
    import {
        getParams
    } from '@/utils/index';
import { mapState, mapGetters } from "vuex";
import { getParams } from "@/utils/index";
    export default {
        data() {
            return {
@@ -67,47 +60,51 @@
                belongArr: [],
                periodsArr: [],
                statusArr: [],
                filter: {}
            }
      filter: {},
    };
        },
        created(){
            console.log(this.$route.query)
    console.log(this.$route.query);
        },
        computed: {
            ...mapState(['userinfo']),
            ...mapGetters(['orgType']),
    ...mapState(["userinfo"]),
    ...mapGetters(["orgType"]),
        },
        methods: {
            search(v,isClear){
                this.filter.id ="";
                this.finished = false;
                this.init(v,isClear)
      this.init(v, isClear);
            },
            go(orderId) {
                this.$router.push({
                    path:'/product/wxScore-detail',
        path: "/product/wxScore-detail",
                    query:{
                        orderId:orderId
                    }
                })
          orderId: orderId,
        },
      });
            },
            //订单导出
            exportFile() {
                if (!this.list.length) {
                    this.$notify('暂无数据导出')
        this.$notify("暂无数据导出");
                    return;
                }
                this.$api.wxScoreExport(this.filter).then((res) => {
      this.$api
        .wxScoreExport(this.filter)
        .then((res) => {
                    this.exporShow = true;
                }).catch((err) => {

                });
        })
        .catch((err) => {});
            },
            // 获取订单列表
            init(params = this.filter,isClear) {
                this.loading = true;
                params.merId =  this.$route.query.id;
                this.$api.wxScoreList(params).then(res => {
      params.storeId = this.$route.query.id;
      //   params.storeId = this.$route.query.storeId ? this.$route.query.storeId : "";
      this.$api
        .wxScoreList(params)
        .then((res) => {
                    this.filter = {...params};
                    if(isClear){
                        this.list = [];
@@ -116,42 +113,43 @@
                        len = list.length;
                    if (len) {
                        this.filter.id = list[list.length - 1].id;
                        list.forEach(item => {
                            let color = 'success';
            list.forEach((item) => {
              let color = "success";
                            this.list.push({
                                ...item,
                                list: [{
                list: [
                  {
                                    value: item.guaranteedAmt,
                                    label: '担保金额',
                    label: "担保金额",
                                    },
                                    {
                                        value: item.mblNo,
                                        label: '用户手机号',
                    label: "用户手机号",
                                    },
                                    {
                                        value: item.status,
                                        label: '订单状态',
                    label: "订单状态",
                                    },
                                ]
                            })
                        })
                ],
              });
            });
                    }
                    if (len < 10) {
                        this.finished = true;
                    }
                    this.loading = false;
                    this.isShow = false;
                }).catch((err) => {
        })
        .catch((err) => {
                    this.finished = true;
                    this.loading = false;
                });
            },
        },
    }
};
</script>

<style lang="less" scoped>

    .order-lthyj {
        height: 100%;
        background-color: @c-bg-f5;
@@ -183,7 +181,6 @@
                width: 55px;
                background:rgba(66,61,93,0.8);
                border-radius: 50%;

            }
        }
        .text{