运营流水分析 - 增加周环比百分号
This commit is contained in:
@@ -84,7 +84,7 @@
|
||||
label="周环比/钻石流水"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ formattedNumber(scope.row.guildTotalGoldFlowWow) }}
|
||||
{{ toPercentage(scope.row.guildTotalGoldFlowWow) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
@@ -213,9 +213,9 @@
|
||||
align="center"
|
||||
label="公会注册时间"
|
||||
>
|
||||
<template v-slot="scope">
|
||||
{{ dateFormat(scope.row.guildCreateTime) }}
|
||||
</template>
|
||||
<template v-slot="scope">
|
||||
{{ dateFormat(scope.row.guildCreateTime) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="newGuild" align="center" label="是否为新公会">
|
||||
<template v-slot="scope">
|
||||
@@ -235,7 +235,9 @@
|
||||
prop="guildGoldFlowWow"
|
||||
align="center"
|
||||
label="周环比/钻石流水"
|
||||
/>
|
||||
>
|
||||
<template v-slot="scope">{{ toPercentage(scope.row.guildGoldFlowWow) }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="guildDiamondFlowSub"
|
||||
align="center"
|
||||
@@ -253,23 +255,23 @@
|
||||
<el-table-column prop="remark" align="center" label="备注">
|
||||
<template v-slot="scope">
|
||||
<el-button type="text" size="small" @click="remarkFun(scope.row)">
|
||||
{{ scope.row.remark?scope.row.remark:'备注' }}
|
||||
{{ scope.row.remark ? scope.row.remark : "备注" }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页 -->
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
:current-page="formStatDetailData.pageNo"
|
||||
:page-size="formStatDetailData.pageSize"
|
||||
:page-sizes="[10, 20, 50, 100, 200]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="tableStatDetailData.total"
|
||||
@size-change="handleSizeChangeDetail"
|
||||
@current-change="handleCurrentChangeDetail"
|
||||
/>
|
||||
<el-pagination
|
||||
style="margin-top: 10px"
|
||||
class="paginationClass"
|
||||
:current-page="formStatDetailData.pageNo"
|
||||
:page-size="formStatDetailData.pageSize"
|
||||
:page-sizes="[10, 20, 50, 100, 200]"
|
||||
layout="sizes, prev, pager, next"
|
||||
:total="tableStatDetailData.total"
|
||||
@size-change="handleSizeChangeDetail"
|
||||
@current-change="handleCurrentChangeDetail"
|
||||
/>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button type="primary" @click="statDetailDialog = false">
|
||||
@@ -280,22 +282,29 @@
|
||||
</el-dialog>
|
||||
<!-- 填写备注弹窗 -->
|
||||
<el-dialog v-model="remarkDialog" title="备注" width="30%" center>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label">备注</span>
|
||||
<el-input v-model="remarkData.remark"
|
||||
type="textarea"
|
||||
rows="4"
|
||||
placeholder="请输入"
|
||||
class="input"></el-input>
|
||||
<div style="margin-bottom: 25px; margin-top: 10px; display: flex">
|
||||
<span
|
||||
style="display: inline-block; margin-right: 20px"
|
||||
class="col-sm-2 control-label"
|
||||
>备注</span
|
||||
>
|
||||
<el-input
|
||||
v-model="remarkData.remark"
|
||||
type="textarea"
|
||||
rows="4"
|
||||
placeholder="请输入"
|
||||
class="input"
|
||||
></el-input>
|
||||
</div>
|
||||
<template #footer>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="remarkDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="confirmRemarkFun()"> 确认 </el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<span class="dialog-footer">
|
||||
<el-button @click="remarkDialog = false">取消</el-button>
|
||||
<el-button type="primary" @click="confirmRemarkFun()">
|
||||
确认
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -308,7 +317,7 @@ import {
|
||||
getGuildOperatorPageWeekStatList,
|
||||
familyMemberWeekLevelRewardListCycleDate,
|
||||
getPageWeekStatDetail,
|
||||
guildOperatorMarkDetail
|
||||
guildOperatorMarkDetail,
|
||||
} from "@/api/ResponsiblePersonManagement/ResponsiblePersonManagement.js";
|
||||
import { dateFormat } from "@/utils/system-helper";
|
||||
export default {
|
||||
@@ -346,11 +355,11 @@ export default {
|
||||
});
|
||||
const remarkDialog = ref(false);
|
||||
const remarkData = reactive({
|
||||
partitionId: '',
|
||||
partitionId: "",
|
||||
operatorId: "",
|
||||
date: "",
|
||||
guildId:'',
|
||||
remark:'',
|
||||
guildId: "",
|
||||
remark: "",
|
||||
});
|
||||
const getData = () => {
|
||||
tableData.loading = true;
|
||||
@@ -390,27 +399,27 @@ export default {
|
||||
};
|
||||
// 添加备注
|
||||
const remarkFun = (row) => {
|
||||
remarkData.partitionId = row.partitionId;
|
||||
remarkData.operatorId = row.operatorId;
|
||||
remarkData.guildId = row.guildId;
|
||||
remarkData.date = row.date;
|
||||
remarkDialog.value = true;
|
||||
remarkData.partitionId = row.partitionId;
|
||||
remarkData.operatorId = row.operatorId;
|
||||
remarkData.guildId = row.guildId;
|
||||
remarkData.date = row.date;
|
||||
remarkDialog.value = true;
|
||||
};
|
||||
const confirmRemarkFun = () => {
|
||||
guildOperatorMarkDetail(remarkData).then((res) => {
|
||||
const confirmRemarkFun = () => {
|
||||
guildOperatorMarkDetail(remarkData).then((res) => {
|
||||
if (res.code == 200) {
|
||||
remarkDialog.value = false;
|
||||
getPageWeekStatDetail(formStatDetailData).then((res) => {
|
||||
if (res.code == 200) {
|
||||
tableStatDetailData.data = res.data.records;
|
||||
tableStatDetailData.loading = false;
|
||||
tableStatDetailData.total = res.data.total;
|
||||
statDetailDialog.value = true;
|
||||
} else {
|
||||
tableStatDetailData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
remarkDialog.value = false;
|
||||
getPageWeekStatDetail(formStatDetailData).then((res) => {
|
||||
if (res.code == 200) {
|
||||
tableStatDetailData.data = res.data.records;
|
||||
tableStatDetailData.loading = false;
|
||||
tableStatDetailData.total = res.data.total;
|
||||
statDetailDialog.value = true;
|
||||
} else {
|
||||
tableStatDetailData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
tableStatDetailData.loading = false;
|
||||
ElMessage.error(res.message);
|
||||
@@ -426,6 +435,10 @@ export default {
|
||||
date: "",
|
||||
});
|
||||
};
|
||||
// 百分比
|
||||
const toPercentage = (value) => {
|
||||
return (value * 100).toFixed(2) + "%";
|
||||
};
|
||||
// 千分位
|
||||
const formattedNumber = computed(() => {
|
||||
return (num) => {
|
||||
@@ -433,27 +446,27 @@ export default {
|
||||
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
const dateFormat = (row) => {
|
||||
const date = new Date(row);
|
||||
return date.format("yyyy-MM-dd hh:mm:ss");
|
||||
}
|
||||
};
|
||||
const handleSizeChange = (val) => {
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
const handleSizeChangeDetail = (val) => {
|
||||
formStatDetailData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChangeDetail = (val) => {
|
||||
formStatDetailData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
formData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChange = (val) => {
|
||||
formData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
const handleSizeChangeDetail = (val) => {
|
||||
formStatDetailData.pageSize = val;
|
||||
getData();
|
||||
};
|
||||
const handleCurrentChangeDetail = (val) => {
|
||||
formStatDetailData.pageNo = val;
|
||||
getData();
|
||||
};
|
||||
onMounted(() => {
|
||||
getGuildOperatorListAll().then((res) => {
|
||||
if (res.code == 200) {
|
||||
@@ -505,7 +518,8 @@ export default {
|
||||
remarkDialog,
|
||||
remarkData,
|
||||
remarkFun,
|
||||
confirmRemarkFun
|
||||
confirmRemarkFun,
|
||||
toPercentage
|
||||
};
|
||||
},
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user