From a5604d778ca31451a95d8dabdf94f7ebc78e5c55 Mon Sep 17 00:00:00 2001
From: zhaoxiaoqiang <287285524@qq.com>
Date: Fri, 14 Apr 2023 11:24:10 +0800
Subject: [PATCH] v-console
---
src/views/order/wxScore.vue | 365 ++++++++++++++++++++++++++--------------------------
1 files changed, 183 insertions(+), 182 deletions(-)
diff --git a/src/views/order/wxScore.vue b/src/views/order/wxScore.vue
index b4ff107..7a447f5 100644
--- a/src/views/order/wxScore.vue
+++ b/src/views/order/wxScore.vue
@@ -6,198 +6,199 @@
* @Description: 花呗订单
-->
<template>
- <div class="order-lthyj">
- <v-navbar title="微信分订单列表" fixed >
- <template v-slot:right >
- <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>
- </svg>
- </div>
- </template>
- </v-navbar>
- <!-- 订单列表 -->
- <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>
- </van-list>
+ <div class="order-lthyj">
+ <v-navbar title="微信分订单列表" fixed>
+ <template v-slot:right>
+ <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>
+ </svg>
</div>
- <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">
- <div class="icon-box flex-center-g" >
- <div class="child flex-center-g" :style="{background:$store.state.backColor, opacity: 0.8}">
- <svg class="icon" aria-hidden="true" style="width:33px;height:27px;fill:#fff;" @click="$router.back()">
- <use xlink:href="#iconyoujian"></use>
- </svg>
- </div>
- </div>
- <p class="text">
- <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>
- </div>
- </van-popup>
+ </template>
+ </v-navbar>
+ <!-- 订单列表 -->
+ <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>
+ </van-list>
</div>
+ <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">
+ <div class="icon-box flex-center-g">
+ <div class="child flex-center-g" :style="{ background: $store.state.backColor, opacity: 0.8 }">
+ <svg class="icon" aria-hidden="true" style="width:33px;height:27px;fill:#fff;" @click="$router.back()">
+ <use xlink:href="#iconyoujian"></use>
+ </svg>
+ </div>
+ </div>
+ <p class="text">
+ <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>
+ </div>
+ </van-popup>
+ </div>
</template>
<script>
- import {
- mapState,
- mapGetters
- } from 'vuex';
- import {
- getParams
- } from '@/utils/index';
- export default {
- data() {
- return {
- exporShow:false,
- loading:false,
- finished:false,
- isShow: false,
- isShowFilter:false,
- list: [],
- orderData: [],
- belongArr: [],
- periodsArr: [],
- statusArr: [],
- filter: {}
- }
+import { mapState, mapGetters } from "vuex";
+import { getParams } from "@/utils/index";
+export default {
+ data() {
+ return {
+ exporShow: false,
+ loading: false,
+ finished: false,
+ isShow: false,
+ isShowFilter: false,
+ list: [],
+ orderData: [],
+ belongArr: [],
+ periodsArr: [],
+ statusArr: [],
+ filter: {},
+ };
+ },
+ created() {
+ console.log(this.$route.query);
+ },
+ computed: {
+ ...mapState(["userinfo"]),
+ ...mapGetters(["orgType"]),
+ },
+ methods: {
+ search(v, isClear) {
+ this.filter.id = "";
+ this.finished = false;
+ this.init(v, isClear);
+ },
+ go(orderId) {
+ this.$router.push({
+ path: "/product/wxScore-detail",
+ query: {
+ orderId: orderId,
},
- computed: {
- ...mapState(['userinfo']),
- ...mapGetters(['orgType']),
- },
- methods: {
- search(v,isClear){
- this.filter.id ="";
- this.finished = false;
- this.init(v,isClear)
- },
- go(orderId) {
- this.$router.push({
- path:'/product/wxScore-detail',
- query:{
- orderId:orderId
- }
- })
- },
- //订单导出
- exportFile() {
- if (!this.list.length) {
- this.$notify('暂无数据导出')
- return;
- }
- this.$api.wxScoreExport(this.filter).then((res) => {
- this.exporShow = true;
- }).catch((err) => {
-
- });
- },
- // 获取订单列表
- init(params = this.filter,isClear) {
- this.loading = true;
- this.$api.wxScoreList(params).then(res => {
- this.filter = {...params};
- if(isClear){
- this.list = [];
- }
- let list = res.body || [],
- len = list.length;
- if (len) {
- this.filter.id = list[list.length - 1].id;
- list.forEach(item => {
- let color = 'success';
- this.list.push({
- ...item,
- list: [{
- value: item.guaranteedAmt,
- label: '担保金额',
- },
- {
- value: item.mblNo,
- label: '用户手机号',
- },
- {
- value: item.status,
- label: '订单状态',
- },
- ]
- })
- })
- }
- if (len < 10) {
- this.finished = true;
- }
- this.loading = false;
- this.isShow = false;
- }).catch((err) => {
- this.finished = true;
- this.loading = false;
- });
- },
- },
- }
+ });
+ },
+ //订单导出
+ exportFile() {
+ if (!this.list.length) {
+ this.$notify("暂无数据导出");
+ return;
+ }
+ this.$api
+ .wxScoreExport(this.filter)
+ .then((res) => {
+ this.exporShow = true;
+ })
+ .catch((err) => {});
+ },
+ // 获取订单列表
+ init(params = this.filter, isClear) {
+ this.loading = true;
+ params.storeId = this.$route.query.storeId;
+ // params.storeId = this.$route.query.storeId ? this.$route.query.storeId : "";
+ this.$api
+ .wxScoreList(params)
+ .then((res) => {
+ this.filter = { ...params };
+ if (isClear) {
+ this.list = [];
+ }
+ let list = res.body || [],
+ len = list.length;
+ if (len) {
+ this.filter.id = list[list.length - 1].id;
+ list.forEach((item) => {
+ let color = "success";
+ this.list.push({
+ ...item,
+ list: [
+ {
+ value: item.guaranteedAmt,
+ label: "担保金额",
+ },
+ {
+ value: item.mblNo,
+ label: "用户手机号",
+ },
+ {
+ value: item.status,
+ label: "订单状态",
+ },
+ ],
+ });
+ });
+ }
+ if (len < 10) {
+ this.finished = true;
+ }
+ this.loading = false;
+ this.isShow = false;
+ })
+ .catch((err) => {
+ this.finished = true;
+ this.loading = false;
+ });
+ },
+ },
+};
</script>
<style lang="less" scoped>
+.order-lthyj {
+ height: 100%;
+ background-color: @c-bg-f5;
+}
+.order-list {
+ margin-top: 60px;
+ padding: 0 8px 30px;
+ background-color: @c-bg-f5;
+ .info {
+ margin-bottom: 20px;
+ }
+}
+.popup-content {
+ height: 150px;
+ width: 280px;
+ border-radius: 3px;
+ .icon-box {
+ z-index: 99999;
+ height: 64px;
+ width: 64px;
+ position: absolute;
+ left: 50%;
+ background: rgba(66, 61, 93, 0.1);
+ border-radius: 50%;
+ transform: translate(-50%, -50%);
- .order-lthyj {
- height: 100%;
- background-color: @c-bg-f5;
+ .child {
+ height: 55px;
+ width: 55px;
+ background: rgba(66, 61, 93, 0.8);
+ border-radius: 50%;
}
- .order-list {
- margin-top: 60px;
- padding: 0 8px 30px;
- background-color: @c-bg-f5;
- .info {
- margin-bottom: 20px;
- }
+ }
+ .text {
+ width: 210px;
+ text-align: center;
+ margin: 0 auto;
+ padding-top: 50px;
+ line-height: 18px;
+ .top {
+ color: @c-text-666;
}
- .popup-content{
- height: 150px;
- width: 280px;
- border-radius: 3px;
- .icon-box{
- z-index: 99999;
- height: 64px;
- width: 64px;
- position: absolute;
- left: 50%;
- background:rgba(66,61,93,0.1);
- border-radius: 50%;
- transform: translate(-50%,-50%);
-
- .child{
- height: 55px;
- width: 55px;
- background:rgba(66,61,93,0.8);
- border-radius: 50%;
-
- }
- }
- .text{
- width: 210px;
- text-align: center;
- margin: 0 auto;
- padding-top: 50px;
- line-height: 18px;
- .top{
- color: @c-text-666;
- }
- }
- .btn-submit{
- .lh(44px);
- position: absolute;
- width: 100%;
- bottom: 0;
- color: @c-text-default;
- }
- }
+ }
+ .btn-submit {
+ .lh(44px);
+ position: absolute;
+ width: 100%;
+ bottom: 0;
+ color: @c-text-default;
+ }
+}
</style>
--
Gitblit v1.8.0