540 lines
21 KiB
Vue
540 lines
21 KiB
Vue
|
<template>
|
||
|
|
<NavBar />
|
||
|
|
<view class="container">
|
||
|
|
|
||
|
|
<view class="title">
|
||
|
|
<PageTitle :title="$t('home.applyRecord.title')" />
|
||
|
|
</view>
|
||
|
|
<view style="margin-top: 20px">
|
||
|
|
<Segmented
|
||
|
|
styleType="text"
|
||
|
|
fontSize="16px"
|
||
|
|
gap="6px"
|
||
|
|
:current="current"
|
||
|
|
:values="items"
|
||
|
|
@clickItem="onClickItem"
|
||
|
|
inActiveColor="#999999"
|
||
|
|
activeColor="#000"
|
||
|
|
></Segmented>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view style="margin-top: 20px">
|
||
|
|
<view class="search">
|
||
|
|
<input class="searchInput" v-model="queryListParams.qcc_fuzzy_search" :placeholder="$t('home.customer.sellPage.name')+'/'+$t('home.customer.sellPage.email')">
|
||
|
|
<button class="btn primaryButton" @click="search">
|
||
|
|
<image src="/static/search.svg" mode="aspectFit" style="width: 14px;height: 14px"></image>
|
||
|
|
<text class="filterText">{{ $t('form.search') }}</text>
|
||
|
|
</button>
|
||
|
|
</view>
|
||
|
|
<view class="search2">
|
||
|
|
<button class="btn primaryButton" @click="openFilter">
|
||
|
|
<image src="/static/filtrate.svg" mode="aspectFit" style="width: 20px;height: 20px"></image>
|
||
|
|
<text class="filterText">{{ $t('common.filter') }}</text>
|
||
|
|
</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<scroll-view style="height: calc(100vh - 260px);" scroll-y="true" @scrolltolower="scrolltolowerQuery" >
|
||
|
|
<view class="item" v-for="item in records" >
|
||
|
|
<view class="top">
|
||
|
|
<view class="itemTitle">
|
||
|
|
<image class="title-bg" src="/static/titleIcon2.svg" mode="aspectFit"></image>
|
||
|
|
<text class="title-text">{{ item.apply_no }}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<uni-collapse class="box" style="margin-top: 12px" >
|
||
|
|
<uni-collapse-item title-border="none" :show-arrow="false" :border="false" :open="item.if_show" :disabled="true">
|
||
|
|
<template v-slot:title>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.user_code">
|
||
|
|
<view class="column">{{ filterColumns.user_code?.title }}</view>
|
||
|
|
<view class="value">{{ item.user_code }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.user_name">
|
||
|
|
<view class="column">{{ filterColumns.user_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.user_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.org_name">
|
||
|
|
<view class="column">{{ filterColumns.org_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.org_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.salesman_name">
|
||
|
|
<view class="column">{{ filterColumns.salesman_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.salesman_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="bottomItem" v-show="!item.if_show" style="padding-bottom: 8px">
|
||
|
|
<text @click="showItem(item)">{{ $t('home.customer.sellPage.open') }}</text>
|
||
|
|
<image @click="showItem(item)" src="/static/openIcon.svg" mode="aspectFit" style="width: 14px;height: 8px"></image>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<view class="content" style="padding-bottom: 8px">
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.superior_name">
|
||
|
|
<view class="column">{{ filterColumns.superior_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.superior_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.email">
|
||
|
|
<view class="column">{{ filterColumns.email?.title }}</view>
|
||
|
|
<view class="value">{{ item.email }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.user_type">
|
||
|
|
<view class="column">{{ filterColumns.user_type?.title }}</view>
|
||
|
|
<view class="value">{{ item.user_type }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.mt4_server">
|
||
|
|
<view class="column">{{ filterColumns.mt4_server?.title }}</view>
|
||
|
|
<view class="value">{{ item.mt4_server_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.mt4_login">
|
||
|
|
<view class="column">{{ filterColumns.mt4_login?.title }}</view>
|
||
|
|
<view class="value">{{ item.mt4_login }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.currency_type">
|
||
|
|
<view class="column">{{ filterColumns.currency_type?.title }}</view>
|
||
|
|
<view class="value">{{ item.currency_type }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.usd_amount">
|
||
|
|
<view class="column">{{ filterColumns.usd_amount?.title }}</view>
|
||
|
|
<view class="value">{{ item.usd_amount }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.exchange_rate">
|
||
|
|
<view class="column">{{ filterColumns.exchange_rate?.title }}</view>
|
||
|
|
<view class="value">{{ item.exchange_rate }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.currency_amount">
|
||
|
|
<view class="column">{{ filterColumns.currency_amount?.title }}</view>
|
||
|
|
<view class="value">{{ item.currency_amount }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.apply_time">
|
||
|
|
<view class="column">{{ filterColumns.apply_time?.title }}</view>
|
||
|
|
<view class="value">{{ item.apply_time }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.status">
|
||
|
|
<view class="column">{{ filterColumns.status?.title }}</view>
|
||
|
|
<view class="value">{{ loadAuditStatusHtml(item.status) }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.audit_time">
|
||
|
|
<view class="column">{{ filterColumns.audit_time?.title }}</view>
|
||
|
|
<view class="value">{{ item.audit_time }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.audit_name">
|
||
|
|
<view class="column">{{ filterColumns.audit_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.audit_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.i_remark">
|
||
|
|
<view class="column">{{ filterColumns.i_remark?.title }}</view>
|
||
|
|
<view class="textarea" v-show="item.i_remark">
|
||
|
|
{{ item.i_remark }}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.audit_opinion">
|
||
|
|
<view class="column">{{ filterColumns.audit_opinion?.title }}</view>
|
||
|
|
<view class="textarea" v-show="item.audit_opinion">
|
||
|
|
{{ item.audit_opinion }}
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.bank_name">
|
||
|
|
<view class="column">{{ filterColumns.bank_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.bank_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.bank_sub_name">
|
||
|
|
<view class="column">{{ filterColumns.bank_sub_name?.title }}</view>
|
||
|
|
<view class="value">{{ item.bank_sub_name }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.bank_no">
|
||
|
|
<view class="column">{{ filterColumns.bank_no?.title }}</view>
|
||
|
|
<view class="value">{{ item.bank_no }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="row" v-show="filterColumns.bank_cards">
|
||
|
|
<view class="column">{{ filterColumns.bank_cards?.title }}</view>
|
||
|
|
<view class="value">{{ item.bank_cards }}</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="bottomItem">
|
||
|
|
<text @click="hideItem(item)">{{ $t('home.customer.sellPage.packUp') }}</text>
|
||
|
|
<image @click="hideItem(item)" src="/static/packUpIcon.svg" mode="aspectFit" style="width: 14px;height: 8px"></image>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</uni-collapse-item>
|
||
|
|
</uni-collapse>
|
||
|
|
</view>
|
||
|
|
<Spin v-show="loading" />
|
||
|
|
<view class="inTheEnd" v-show="inTheEnd">{{ $t('common.inTheEnd') }}</view>
|
||
|
|
<view class="inTheEnd" v-show="noData">{{ $t('common.noData') }}</view>
|
||
|
|
<view style="height: 20px;width: 100%;"></view>
|
||
|
|
</scroll-view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<uni-popup ref="popup" background-color="#fff" type="bottom">
|
||
|
|
<view style="padding: 37px 0;">
|
||
|
|
<scroll-view style="max-height: 70vh;" scroll-y="true">
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.apply_no?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.apply_no?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.apply_no" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.user_code?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.user_code?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.user_code" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.user_name?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.user_name?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.user_name" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.email?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.email?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.email" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.org_name?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.org_name?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.org_name" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.salesman_name?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.salesman_name?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.salesman_name" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.superior_name?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.superior_name?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.superior_name" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.mt4_server?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.mt4_server?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<uni-data-select
|
||
|
|
:placeholder="$t('form.pleaseSelect')"
|
||
|
|
:localdata="mtServerList"
|
||
|
|
v-model="queryListParams.mt4_server"
|
||
|
|
placement="top"
|
||
|
|
></uni-data-select>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.mt4_login?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.mt4_login?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.mt4_login" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.usd_amount?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.usd_amount?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.usd_amount" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.exchange_rate?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.exchange_rate?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.exchange_rate" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.currency_amount?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.currency_amount?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.currency_amount" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.audit_opinion?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.audit_opinion?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.audit_opinion" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.audit_name?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.audit_name?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<input class="filterInput" v-model="queryListParams.audit_name" :placeholder="$t('form.pleaseEnter')">
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.status?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.status?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<uni-data-select
|
||
|
|
:placeholder="$t('form.pleaseSelect')"
|
||
|
|
:localdata="statusOptions"
|
||
|
|
v-model="queryListParams.status"
|
||
|
|
placement="top"
|
||
|
|
>
|
||
|
|
</uni-data-select>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.apply_time?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.apply_time?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<uni-datetime-picker ref="timeRange" class="time" type="daterange" v-model="timeRange"/>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
|
||
|
|
<view class="filterRow" v-show="filterColumns.audit_time?.ifFilter">
|
||
|
|
<view class="filterTitle">
|
||
|
|
<text>{{ filterColumns.audit_time?.title }}</text>
|
||
|
|
</view>
|
||
|
|
<uni-datetime-picker ref="timeRange1" class="time" type="daterange" v-model="timeRange1"/>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</scroll-view>
|
||
|
|
<view style="display: flex;gap: 12px;padding: 14px 16px;">
|
||
|
|
<buttom class="btn secondaryButton" @click="reset">
|
||
|
|
{{ $t('home.customer.sellPage.reset') }}
|
||
|
|
</buttom>
|
||
|
|
<buttom class="btn primaryButton" @click="search">
|
||
|
|
{{ $t('home.customer.sellPage.confirm') }}
|
||
|
|
</buttom>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</uni-popup>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import Segmented from '@/pages/components/segmented/index.vue';
|
||
|
|
import UniCollapse from "../../../uni_modules/uni-collapse/components/uni-collapse/uni-collapse.vue";
|
||
|
|
import UniDataSelect from "../../../uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue";
|
||
|
|
import { getTableData } from '@/services/report/report.ts';
|
||
|
|
import { getFilterColumns, queryMenuList } from '@/services/home/home.ts';
|
||
|
|
import { UserLanguage, applyRecordMenu } from '@/utils/const';
|
||
|
|
import { getMtServer } from '@/services/home/home.ts';
|
||
|
|
import {isEmpty} from "../../../uni_modules/lime-shared/isEmpty";
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return{
|
||
|
|
url:"/saleH5/applyRecord/queryMTGoldOutRecord",
|
||
|
|
qcc_page_id:1111,
|
||
|
|
loading:false,
|
||
|
|
current: 1,
|
||
|
|
items: [],
|
||
|
|
itemsLink: [],
|
||
|
|
inTheEnd:false,
|
||
|
|
noData:false,
|
||
|
|
queryListParams:{
|
||
|
|
app:"md",
|
||
|
|
qcc_fuzzy_search:null,
|
||
|
|
curr_page:1,
|
||
|
|
page_size:5,
|
||
|
|
user_code:null,
|
||
|
|
mt4_server:null,
|
||
|
|
mt4_login:null,
|
||
|
|
date_1_start:null,
|
||
|
|
date_1_end:null,
|
||
|
|
date_2_start:null,
|
||
|
|
date_2_end :null,
|
||
|
|
},
|
||
|
|
records:[],
|
||
|
|
totalRecords:0,
|
||
|
|
filterColumns:{},
|
||
|
|
mtServerList:[],
|
||
|
|
timeRange:['',''],
|
||
|
|
timeRange1:['',''],
|
||
|
|
statusOptions: [
|
||
|
|
{ text: this.$t('home.customer.customerPage.all'), value: null }, // 全部
|
||
|
|
{ text: this.$t('home.audit.auditStatus0'), value: 0 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus1'), value: 1 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus2'), value: 2 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus3'), value: 3 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus-1'), value: -1 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus-2'), value: -2 },
|
||
|
|
{ text: this.$t('home.audit.auditStatus-3'), value: -3 },
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
async getMenuListData() {
|
||
|
|
const res = await queryMenuList();
|
||
|
|
if (res && res.code === 0) {
|
||
|
|
for (var i = 0; i < res.data.length; i++) {
|
||
|
|
const { saleRouteKey } = res.data[i]
|
||
|
|
if (saleRouteKey == 'applyRecord') {
|
||
|
|
if (res.data[i].children.length>0){
|
||
|
|
let index = 0;
|
||
|
|
for (let j = 0; j < res.data[i].children.length; j++) {
|
||
|
|
if (res.data[i].children[j].saleRouteKey !=null && res.data[i].children[j].saleRouteKey !=''){
|
||
|
|
this.items.push(res.data[i].children[j].name)
|
||
|
|
this.itemsLink.push(applyRecordMenu[res.data[i].children[j].saleRouteKey])
|
||
|
|
if (res.data[i].children[j].saleRouteKey == 'goldOut'){
|
||
|
|
this.current = index
|
||
|
|
}
|
||
|
|
index++
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onClickItem(e) {
|
||
|
|
if (this.current != e.currentIndex) {
|
||
|
|
uni.navigateTo({url: this.itemsLink[e.currentIndex]});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
search(){
|
||
|
|
this.queryListParams.curr_page = 1
|
||
|
|
this.queryListParams.page_size = 5
|
||
|
|
this.queryList()
|
||
|
|
},
|
||
|
|
loadAuditStatusHtml(value){
|
||
|
|
if(isEmpty(value)) return '';
|
||
|
|
if(value==0 || value=='0'){
|
||
|
|
return this.$t('home.audit.auditStatus0')
|
||
|
|
}else if(value==1 || value=='1'){
|
||
|
|
return this.$t('home.audit.auditStatus1')
|
||
|
|
}else if(value==2 || value=='2'){
|
||
|
|
return this.$t('home.audit.auditStatus2')
|
||
|
|
}else if(value==3 || value=='3'){
|
||
|
|
return this.$t('home.audit.auditStatus3')
|
||
|
|
}else if(value==-1 || value=='-1'){
|
||
|
|
return this.$t('home.audit.auditStatus-1')
|
||
|
|
}else if(value==-2 || value=='-2'){
|
||
|
|
return this.$t('home.audit.auditStatus-2')
|
||
|
|
}else if(value==-3 || value=='-3'){
|
||
|
|
return this.$t('home.audit.auditStatus-3')
|
||
|
|
}else{
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async queryList(){
|
||
|
|
this.$refs.popup.close();
|
||
|
|
this.records = []
|
||
|
|
this.loading=true
|
||
|
|
this.queryListParams.apply_time_start = this.timeRange[0]
|
||
|
|
this.queryListParams.apply_time_end = this.timeRange[1]
|
||
|
|
this.queryListParams.audit_time_start = this.timeRange1[0]
|
||
|
|
this.queryListParams.audit_time_end = this.timeRange1[1]
|
||
|
|
const res = await getTableData(this.url,this.queryListParams);
|
||
|
|
if (res && res.code === 0) {
|
||
|
|
let data = res.data;
|
||
|
|
this.records = data.records
|
||
|
|
}
|
||
|
|
if (this.records == null || this.records.length == 0){
|
||
|
|
this.noData = true
|
||
|
|
}else {
|
||
|
|
this.noData = false
|
||
|
|
}
|
||
|
|
|
||
|
|
this.loading=false
|
||
|
|
},
|
||
|
|
async getFilterColumns(){
|
||
|
|
const res = await getFilterColumns({
|
||
|
|
qcc_page_id: this.qcc_page_id,
|
||
|
|
qcc_language: UserLanguage
|
||
|
|
});
|
||
|
|
if (res && res.code === 0) {
|
||
|
|
let data = res.data
|
||
|
|
for (let i = 0; i < data.length; i++) {
|
||
|
|
this.filterColumns[data[i].field]=data[i]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
showItem(user) {
|
||
|
|
user.if_show = true;
|
||
|
|
},
|
||
|
|
hideItem(user) {
|
||
|
|
user.if_show = false;
|
||
|
|
},
|
||
|
|
async scrolltolowerQuery(){
|
||
|
|
if ((this.queryListParams.page_size + 5)<(this.totalRecords + 5)){
|
||
|
|
this.inTheEnd = false;
|
||
|
|
this.queryListParams.page_size = this.queryListParams.page_size +5
|
||
|
|
this.queryList()
|
||
|
|
}else {
|
||
|
|
this.inTheEnd = true;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
openFilter() {
|
||
|
|
this.$refs.popup.open()
|
||
|
|
},
|
||
|
|
reset() {
|
||
|
|
this.queryListParams.curr_page=1
|
||
|
|
this.queryListParams.page_size=5
|
||
|
|
this.queryListParams.user_code=null
|
||
|
|
this.queryListParams.mt4_server=null
|
||
|
|
this.queryListParams.mt4_login=null
|
||
|
|
this.$refs.timeRange.clear()
|
||
|
|
this.$refs.timeRange1.clear()
|
||
|
|
},
|
||
|
|
async getMtServerList(){
|
||
|
|
const res = await getMtServer({
|
||
|
|
qcc_language:UserLanguage
|
||
|
|
});
|
||
|
|
if (res && res.code === 0) {
|
||
|
|
let data = res.data
|
||
|
|
this.mtServerList = data.map((item) => ({
|
||
|
|
text: item.server_name,
|
||
|
|
value: item.id,
|
||
|
|
}));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.getMenuListData()
|
||
|
|
this.queryList()
|
||
|
|
this.getFilterColumns()
|
||
|
|
this.getMtServerList()
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
Segmented,
|
||
|
|
UniCollapse,
|
||
|
|
UniDataSelect
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import './index.scss';
|
||
|
|
.is-input-border {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
</style>
|