George/HTFX-CRM-Sales
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 初始化

Browse Source
This commit is contained in:
George
2025-07-07 16:05:18 +08:00
commit c169958240
986 changed files with 132574 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

230
pages/report/report22/index.scss Normal file
View File

@ -0,0 +1,230 @@
.container {
padding: 11px 14px 10px 18px;
.search {
display: flex;
justify-content: space-between;
gap: 16rpx;
.searchInput {
height: 34px;
background: rgba(247, 248, 250, 1);
border: none;
flex-grow: 1;
padding: 0 18rpx;
font-size: 14px;
font-weight: 400;
}
.btn {
padding-right: 36rpx;
padding-left: 38rpx;
height: 34px;
min-width: 168rpx;
.filterText {
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
}
}
.search2 {
padding-top: 8px;
//display: flex;
justify-content: left;
//gap: 16rpx;
.btn {
width: 242rpx;
height: 34px;
background: rgba(247, 248, 250, 1);
margin: 0;
.filterText {
font-size: 14px;
font-weight: 400;
color: rgba(41, 187, 228, 1);
}
}
}
.item {
position: relative;
background: rgba(255, 255, 255, 1);
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.15);
margin: 16px 4px 0px 4px;
.top {
display: flex;
justify-content: space-between;
.itemTitle {
width: 122px;
height: 30px;
display: flex;
align-items: center;
position: relative;
.title-bg {
width: 122px;
height: 30px;
position: absolute;
}
.title-text {
color: rgba(39, 65, 125, 1);
font-size: 18px;
font-weight: 500;
margin-left: 10px;
}
}
}
.box {
.row {
display: flex;
align-items: center;
gap: 22px;
margin: 0px 20px 16px 20px;
.column {
width: 30%;
text-align: right;
font-size: 14px;
font-weight: 400;
color: rgba(102, 102, 102, 1);
line-height: 22px;
word-break:break-all;
}
.value {
width: 70%;
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 24px;
word-break:break-all;
}
.textarea {
flex: 1;
font-size: 16px;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 24px;
padding: 10px 17px;
word-break:break-all;
background: rgba(247, 248, 250, 1);
}
}
.bottomItem {
display: flex;
justify-content: center;
align-items: center;
gap: 13px;
font-size: 14px;
font-weight: 400;
color: rgba(156, 156, 156, 1);
}
}
}
.filterRow {
padding: 0 32rpx;
margin-bottom: 16px;
.filterTitle {
font-size: 14px;
font-weight: 400;
height: 21px;
margin-bottom: 8px;
color: rgba(102, 102, 102, 1);
}
.filterInput {
padding: 0 13px;
height: 34px;
background: rgba(247, 248, 250, 1);
}
}
.allotRow {
padding: 0 32rpx;
margin-bottom: 16px;
.allotItem {
display: flex;
justify-content: space-between;
gap: 8px;
.searchInput {
height: 34px;
background: rgba(247, 248, 250, 1);
border: none;
flex-grow: 1;
padding: 0 18rpx;
font-size: 14px;
font-weight: 400;
}
.btn {
padding-right: 36rpx;
padding-left: 38rpx;
height: 34px;
min-width: 168rpx;
.filterText {
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
}
}
.userBox {
margin-top: 24px;
max-height: 150px;
overflow: auto;
}
.operateBox {
margin-top: 32px;
display: flex;
gap: 24rpx;
}
}
.popup3View {
padding: 44px 16rpx 10px 16rpx;
.filterRow {
padding: 0px;
display: flex;
.filterLabel{
width: 20%;
text-align: right;
font-size: 14px;
font-weight: 400;
color: #666666;
}
.filterValue{
flex: 1;
padding-left: 20px;
font-size: 16px;
font-weight: 400;
color: #333333;
}
}
.row {
margin-bottom: 16px;
.filterLabel {
font-size: 14px;
font-weight: 400;
color: #666666;
margin-bottom: 8px;
}
}
.operateBox {
margin-top: 32px;
display: flex;
gap: 24rpx;
}
}
.inTheEnd {
width: 100%;
text-align: center;
margin-top: 16px;
font-size: 12px;
color: #666666;
}
}
::v-deep .uni-data-checklist .checklist-group .checklist-box.is--list.is-list-border{
border-top: none;
}

348
pages/report/report22/index.vue Normal file
View File

@ -0,0 +1,348 @@
<template>
<NavBar />
<view class="container">
<view class="title">
<PageTitle :title="$t('home.report.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" :key="item.ticket">
<view class="top">
<view class="itemTitle">
<image class="title-bg" src="/static/titleIcon2.svg" mode="aspectFit"></image>
<text class="title-text">{{ item.ticket }}</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.mt4_server">
<view class="column">{{ filterColumns.mt4_server?.title }}</view>
<view class="value">{{ item.mt4_server }}</view>
</view>
<view class="row" v-show="filterColumns.mt4_server">
<view class="column">{{ filterColumns.mt4_server?.title }}</view>
<view class="value">{{ item.mt4_server }}</view>
</view>
<view class="row" v-show="filterColumns.login">
<view class="column">{{ filterColumns.login?.title }}</view>
<view class="value">{{ item.login }}</view>
</view>
<view class="row" v-show="filterColumns.symbol">
<view class="column">{{ filterColumns.symbol?.title }}</view>
<view class="value">{{ item.symbol }}</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.trade_direction">
<view class="column">{{ filterColumns.trade_direction?.title }}</view>
<view class="value">{{ item.trade_direction }}</view>
</view>
<view class="row" v-show="filterColumns.open_price">
<view class="column">{{ filterColumns.open_price?.title }}</view>
<view class="value">{{ item.open_price }}</view>
</view>
<view class="row" v-show="filterColumns.open_time">
<view class="column">{{ filterColumns.open_time?.title }}</view>
<view class="value">{{ item.open_time }}</view>
</view>
<view class="row" v-show="filterColumns.mt4_commission">
<view class="column">{{ filterColumns.mt4_commission?.title }}</view>
<view class="value">{{ item.mt4_commission }}</view>
</view>
<view class="row" v-show="filterColumns.mt4_swaps">
<view class="column">{{ filterColumns.mt4_swaps?.title }}</view>
<view class="value">{{ item.mt4_swaps }}</view>
</view>
<view class="row" v-show="filterColumns.comment">
<view class="column">{{ filterColumns.comment?.title }}</view>
<view class="value">{{ item.comment }}</view>
</view>
<view class="row" v-show="filterColumns.profit">
<view class="column">{{ filterColumns.profit?.title }}</view>
<view class="value">{{ item.profit }}</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.ticket?.ifFilter">
<view class="filterTitle">
<text>{{ filterColumns.ticket?.title }}</text>
</view>
<input class="filterInput" v-model="queryListParams.ticket" :placeholder="$t('form.pleaseEnter')">
</view>
<view class="filterRow" v-show="filterColumns.login?.ifFilter">
<view class="filterTitle">
<text>{{ filterColumns.login?.title }}</text>
</view>
<input class="filterInput" v-model="queryListParams.login" :placeholder="$t('form.pleaseEnter')">
</view>
<view class="filterRow" v-show="filterColumns.open_time?.ifFilter">
<view class="filterTitle">
<text>{{ filterColumns.open_time?.title }}</text>
</view>
<uni-datetime-picker ref="timeRange" class="time" type="daterange" v-model="timeRange"/>
</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.open_time?.ifFilter">
<view class="filterTitle">
<text>{{ filterColumns.open_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, reportMenu } from '@/utils/const';
import { getMtServer } from '@/services/home/home.ts';
export default {
data() {
return{
url:"/saleH5/report/getReport22",
qcc_page_id:622,
loading:false,
current: undefined,
items: [],
itemsLink: [],
inTheEnd:false,
noData:false,
queryListParams:{
app:"md",
qcc_fuzzy_search:null,
curr_page:1,
page_size:5,
ticket:null,
login:null,
mt4_server:null,
open_time_start:null,
open_time_end:null,
},
records:[],
totalRecords:0,
filterColumns:{},
mtServerList:[],
timeRange:['',''],
timeRange1:['','']
}
},
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 == 'report') {
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(reportMenu[res.data[i].children[j].saleRouteKey])
if (res.data[i].children[j].saleRouteKey == 'report22'){
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()
},
async queryList(){
this.$refs.popup.close();
this.records = []
this.loading=true
this.queryListParams.open_time_start = this.timeRange[0]
this.queryListParams.open_time_end = this.timeRange[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.ticket=null
this.queryListParams.login=null
this.queryListParams.mt4_server=null
this.$refs.timeRange.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>