|
|
@@ -9,11 +9,12 @@
|
|
|
<view class="search-bar mobile-add-btn-wrap">
|
|
|
<button type="primary" class="search-button" @click="addSub">
|
|
|
<cwg-icon name="icon_add" :size="18" color="#fff"></cwg-icon>
|
|
|
- {{t('Ib.Report.Title5')}}
|
|
|
+ {{ t('Ib.Report.Title5') }}
|
|
|
</button>
|
|
|
</view>
|
|
|
<view class="search-bar">
|
|
|
- <cwg-complex-search :fields="filterFields" v-model="searchParams" @search="handleSearch" @reset="handleReset" />
|
|
|
+ <cwg-complex-search :fields="filterFields" v-model="searchParams" @search="handleSearch"
|
|
|
+ @reset="handleReset" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</cwg-match-media>
|
|
|
@@ -22,17 +23,18 @@
|
|
|
<cwg-match-media :min-width="991">
|
|
|
<view class="search-content pc-search-content">
|
|
|
<view class="search-bar">
|
|
|
- <cwg-complex-search :fields="filterFields" v-model="searchParams" @search="handleSearch" @reset="handleReset" />
|
|
|
+ <cwg-complex-search :fields="filterFields" v-model="searchParams" @search="handleSearch"
|
|
|
+ @reset="handleReset" />
|
|
|
</view>
|
|
|
<view class="search-bar">
|
|
|
<button type="primary" class="search-button" @click="addSub">
|
|
|
<cwg-icon name="icon_add" :size="18" color="#fff"></cwg-icon>
|
|
|
- {{t('Ib.Report.Title5')}}
|
|
|
+ {{ t('Ib.Report.Title5') }}
|
|
|
</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</cwg-match-media>
|
|
|
-
|
|
|
+
|
|
|
<cwg-tabel
|
|
|
ref="tableRef"
|
|
|
:columns="columns"
|
|
|
@@ -43,15 +45,19 @@
|
|
|
:showPagination="true"
|
|
|
>
|
|
|
<template #action="{ row }">
|
|
|
- <cwg-dropdown :menu-list="menuList(row)" @menuClick="handleMenuClick">
|
|
|
- <view class="pc-header-btn">
|
|
|
- <cwg-icon name="crm-ellipsis" :size="24" />
|
|
|
- </view>
|
|
|
- </cwg-dropdown>
|
|
|
+ <view style="display: flex; justify-content: center;">
|
|
|
+ <cwg-dropdown :menu-list="menuList(row)" @menuClick="handleMenuClick">
|
|
|
+ <view class="pc-header-btn">
|
|
|
+ <cwg-icon name="crm-ellipsis" :size="24" color="#000"/>
|
|
|
+ </view>
|
|
|
+ </cwg-dropdown>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
</cwg-tabel>
|
|
|
</view>
|
|
|
- <ApplyIbDialog ref="applyIbDialogRef" :visible="applyVisible" @close="closeApplyIb" @confirm="confirmApply" :title="formDia?'Ib.Custom.Commit3':'Ib.Report.Title5'" :isFormApplyIb="formDia" :paramsType="applyType" :detail="applyDetail"/>
|
|
|
+ <ApplyIbDialog ref="applyIbDialogRef" :visible="applyVisible" @close="closeApplyIb" @confirm="confirmApply"
|
|
|
+ :title="formDia?'Ib.Report.Title5':'Ib.Custom.Commit3'" :isFormApplyIb="formDia"
|
|
|
+ :paramsType="applyType" :detail="applyDetail" />
|
|
|
<cwg-popup
|
|
|
:visible="exclusiveVisible"
|
|
|
:title="t('Ib.Custom.Commit5')"
|
|
|
@@ -100,12 +106,18 @@
|
|
|
startDate: '',
|
|
|
endDate: '',
|
|
|
})
|
|
|
-
|
|
|
+
|
|
|
const filterFields = [
|
|
|
{ key: 'ibNo', type: 'input', label: t('Label.IbAccount'), placeholder: t('Label.IbAccount'), defaultValue: '' },
|
|
|
- { key: 'name', type: 'input', label: t('Ib.Custom.NameLabel'), placeholder: t('Ib.Custom.NameLabel'), defaultValue: '' },
|
|
|
+ {
|
|
|
+ key: 'name',
|
|
|
+ type: 'input',
|
|
|
+ label: t('Ib.Custom.NameLabel'),
|
|
|
+ placeholder: t('Ib.Custom.NameLabel'),
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
{ key: 'cId', type: 'input', label: 'CID', placeholder: 'CID', defaultValue: '' },
|
|
|
- { key: 'date', label: t('placeholder.Start') + ' - ' + t('placeholder.End'), type: 'daterange' }
|
|
|
+ { key: 'date', label: t('placeholder.Start') + ' - ' + t('placeholder.End'), type: 'daterange' },
|
|
|
]
|
|
|
const tableRef = ref(null)
|
|
|
const applyIbDialogRef = ref(null)
|
|
|
@@ -116,7 +128,7 @@
|
|
|
const exclusiveVisible = ref(false)
|
|
|
const exclusiveCommissionFormRef = ref(null)
|
|
|
const exclusiveCommissionForm = ref({
|
|
|
- agentId: "",
|
|
|
+ agentId: '',
|
|
|
selectedPoint: '',
|
|
|
pointOptions: [],
|
|
|
})
|
|
|
@@ -224,7 +236,7 @@
|
|
|
})
|
|
|
}
|
|
|
|
|
|
- onMounted(()=>{
|
|
|
+ onMounted(() => {
|
|
|
// applyVisible.value = true
|
|
|
})
|
|
|
// 下拉菜单配置
|
|
|
@@ -245,20 +257,21 @@
|
|
|
].filter((item) => item.show)
|
|
|
}
|
|
|
const handleMenuClick = (item) => {
|
|
|
- if (item.type == 'vietnamDistribution') {
|
|
|
- const { agentId, id } = item.row
|
|
|
+ const { value } = item
|
|
|
+ if (value.type == 'vietnamDistribution') {
|
|
|
+ const { agentId, id } = value.row
|
|
|
applyDetail.value = {
|
|
|
- id: id|| agentId
|
|
|
+ id: id || agentId,
|
|
|
}
|
|
|
- formDia.value = true
|
|
|
+ formDia.value = false
|
|
|
applyType.value = 'vietnam'
|
|
|
applyVisible.value = true
|
|
|
- } else if (item.type == 'exclusiveCommission') {
|
|
|
- openExclusiveCommission(item.row)
|
|
|
+ } else if (value.type == 'exclusiveCommission') {
|
|
|
+ openExclusiveCommission(value.row)
|
|
|
}
|
|
|
}
|
|
|
const addSub = () => {
|
|
|
- formDia.value = false
|
|
|
+ formDia.value = true
|
|
|
applyVisible.value = true
|
|
|
}
|
|
|
const closeApplyIb = () => {
|
|
|
@@ -321,7 +334,7 @@
|
|
|
.mobile-search-content {
|
|
|
flex-direction: column;
|
|
|
margin-bottom: px2rpx(10);
|
|
|
-
|
|
|
+
|
|
|
.mobile-add-btn-wrap {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
@@ -335,7 +348,7 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .search-button{
|
|
|
+ .search-button {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
background-color: var(--color-error);
|