运营流水分析 - 增加周环比百分号

src/views/system/OperationFlowAnalysis.vue

@@ -84,7 +84,7 @@
         label="周环比/钻石流水"
       >
         <template v-slot="scope">
-          {{ formattedNumber(scope.row.guildTotalGoldFlowWow) }}
+          {{ toPercentage(scope.row.guildTotalGoldFlowWow) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -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,7 +255,7 @@
         <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>
@@ -281,18 +283,25 @@
     <!-- 填写备注弹窗 -->
     <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"
+        <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>
+          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>
+          <el-button type="primary" @click="confirmRemarkFun()">
+            确认
+          </el-button>
         </span>
       </template>
     </el-dialog>
@@ -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;
@@ -426,6 +435,10 @@ export default {
         date: "",
       });
     };
+    // 百分比
+    const toPercentage = (value) => {
+      return (value * 100).toFixed(2) + "%";
+    };
     // 千分位
     const formattedNumber = computed(() => {
       return (num) => {
@@ -437,7 +450,7 @@ export default {
     const dateFormat = (row) => {
       const date = new Date(row);
       return date.format("yyyy-MM-dd hh:mm:ss");
-    }
+    };
     const handleSizeChange = (val) => {
       formData.pageSize = val;
       getData();
@@ -505,7 +518,8 @@ export default {
       remarkDialog,
       remarkData,
       remarkFun,
-      confirmRemarkFun
+      confirmRemarkFun,
+      toPercentage
     };
   },
 };