diff --git a/src/views/system/OperationFlowAnalysis.vue b/src/views/system/OperationFlowAnalysis.vue index 25d309c..ef5a5e2 100644 --- a/src/views/system/OperationFlowAnalysis.vue +++ b/src/views/system/OperationFlowAnalysis.vue @@ -84,7 +84,7 @@ label="周环比/钻石流水" > - + @@ -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 }; }, };