fix:修改百分比显示

boyang
1 parent ad4917d5
Showing 4 changed files with 38 additions and 10 deletions
src/views/project/config/costCreate.vue
src/views/project/config/costEdit.vue
src/views/project/finance/financeProfit/ProductProfit/InnerData/ApproveReason.vue
src/views/project/finance/financeProfit/ProductProfit/InnerProduce/ApproveReason.vue
@@ -101,11 +101,23 @@
         }
       }
+      // 格式化百分比值，去除百分号并除以100
+      function formatPercentage(value) {
+        if (!value) return '';
+        // 检查值是否包含百分号
+        if (typeof value === 'string' && value.includes('%')) {
+          // 去除百分号并转为数值，然后除以100
+          return (parseFloat(value.replace('%', '')) / 100).toString();
+        }
+        // 如果没有百分号但是是数值，直接除以100
+        return value;
+      }
+
       async function handleOk() {
         try {
           relationValue.value[0].relationValue = fixCost.value;
-          relationValue.value[1].relationValue = ratio.value;
-          relationValue.value[2].relationValue = spainRatio.value;
+          relationValue.value[1].relationValue = formatPercentage(ratio.value);
+          relationValue.value[2].relationValue = formatPercentage(spainRatio.value);
           await addConfig({
             settingCode: 'customerCode',
             settingName: '客户提成成本配置',
@@ -24,20 +24,22 @@
 </template>
 <script lang="ts" setup>
   import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
-  import { BasicForm, FormSchema, useForm } from '@/components/Form';
-  import { defineComponent, ref, computed, unref, toRaw, reactive, onMounted } from 'vue';
+  import { ref } from 'vue';
   import { saveConfig } from '/@/api/sys/config';
-  // const emit = defineEmits(['success']);
-  // const isUpdate = ref(true);
   const emit = defineEmits(['success']);
   const [register, { closeDrawer }] = useDrawerInner((data) => {
     listAll.value = data.data;
     relationValue.value = JSON.parse(listAll.value.relationValue);
     fixCost.value = relationValue.value[0].relationValue;
-    ratio.value = relationValue.value[1].relationValue;
-    spainRatio.value = relationValue.value[2].relationValue;
+    // 将小数转换为百分比格式显示
+    ratio.value = relationValue.value[1].relationValue 
+      ? (parseFloat(relationValue.value[1].relationValue) * 100).toFixed(2) + '%' 
+      : '';
+    spainRatio.value = relationValue.value[2].relationValue 
+      ? (parseFloat(relationValue.value[2].relationValue) * 100).toFixed(2) + '%' 
+      : '';
   });
   //获取现有的列表
   const listAll = ref();
@@ -46,11 +48,23 @@
   const spainRatio = ref();
   const relationValue = ref();
+  // 格式化百分比值，去除百分号并除以100
+  function formatPercentage(value) {
+    if (!value) return '';
+    // 检查值是否包含百分号
+    if (typeof value === 'string' && value.includes('%')) {
+      // 去除百分号并转为数值，然后除以100
+      return (parseFloat(value.replace('%', '')) / 100).toString();
+    }
+    // 如果没有百分号但是是数值，直接除以100
+    return value;
+  }
+
   //完成编辑
   async function handleSubmit() {
     relationValue.value[0].relationValue = fixCost.value;
-    relationValue.value[1].relationValue = ratio.value;
-    relationValue.value[2].relationValue = spainRatio.value;
+    relationValue.value[1].relationValue = formatPercentage(ratio.value);
+    relationValue.value[2].relationValue = formatPercentage(spainRatio.value);
     await saveConfig({
       id: listAll.value.id,
       settingCode: 'customerCode',
@@ -32,6 +32,7 @@
       orderId: baseFieldValues.value.orderId,
       productionActualPrice: baseFieldValues.value.productionActualPrice,
       productionDepartmentPredictPrice: baseFieldValues.value.productionDepartmentPredictPrice,
+      applyRemark: baseFieldValues.value.applyRemark,
       type: 70,
     });
     emit('success');
@@ -33,6 +33,7 @@
       projectNoPrefix: baseFieldValues.value.projectNoPrefix,
       projectInnerProfitInfoEndTime: baseFieldValues.value.projectInnerProfitInfoEndTime,
       projectInnerProfitInfoStartTime: baseFieldValues.value.projectInnerProfitInfoStartTime,
+      applyRemark: baseFieldValues.value.applyRemark,
       type: 'INNER_PROFIT_FIELD_EDIT_APPLY',
     });
     emit('success');