优化页面展示 计价 分成

cds-fontend-2025.V1/src/views/business/category/index.vue

@@ -132,8 +132,8 @@ const {
       render: (row) => {
         if (!row.pricingRule) return '';
         const suffixMap = {
-          'gjjjnzh': ' * 交易金额',
+          'BIZ006': ' * 交易金额',
-          'xzzhsdshlcltsdj': ' 元/条',
+          'BIZ028': ' * 交易金额',
           'default': ' 元/条'
         };
 

cds-fontend-2025.V1/src/views/business/category/modules/subcategory-operate-drawer.vue

@@ -149,7 +149,10 @@ watch(visible, () => {
             :rows="3"
             placeholder="请输入计价规则说明"
           >
-          <template #suffix>
+          <template v-if="model.typeId === 'BIZ006' || model.typeId === 'BIZ028'  " #suffix>
+            * 交易金额
+          </template>
+          <template else #suffix>
             元/条
           </template>
           </NInput>

cds-fontend-2025.V1/src/views/business/percentage/index.vue

@@ -1,5 +1,5 @@
 <script setup lang="tsx">
-import { NDivider } from 'naive-ui';
+import { NDivider, NEllipsis } from 'naive-ui';
 import { fetchBatchDeletePercentage, fetchGetPercentageList } from '@/service/api/business/percentage';
 import { useAppStore } from '@/store/modules/app';
 import { useAuth } from '@/hooks/business/auth';
@@ -79,7 +79,24 @@ const {
       align: 'center',
       minWidth: 120,
       ellipsis: true,
-      resizable: true
+      resizable: true,
+      render: (row,index) => {
+        if (row.yxPercent === null || row.yxPercent === undefined) return '';
+
+        // 将小数转换为百分比（乘以100）
+        const percentageValue = parseFloat(row.yxPercent) * 100;
+
+        // 可选：去除小数点后的多余零（如50.00% → 50%）
+        const formattedValue = percentageValue % 1 === 0
+          ? percentageValue.toFixed(0)
+          : percentageValue.toFixed(2);
+
+        return (
+          <NEllipsis style="width: 100%;" tooltip={true}>
+            {formattedValue}%
+          </NEllipsis>
+        )
+      }
     },
     {
       key: 'jbPercent',
@@ -87,7 +104,24 @@ const {
       align: 'center',
       minWidth: 120,
       ellipsis: true,
-      resizable: true
+      resizable: true,
+      render: (row,index) => {
+        if (row.jbPercent === null || row.jbPercent === undefined) return '';
+
+        // 将小数转换为百分比（乘以100）
+        const percentageValue = parseFloat(row.jbPercent) * 100;
+
+        // 可选：去除小数点后的多余零（如50.00% → 50%）
+        const formattedValue = percentageValue % 1 === 0
+          ? percentageValue.toFixed(0)
+          : percentageValue.toFixed(2);
+
+        return (
+          <NEllipsis style="width: 100%;" tooltip={true}>
+            {formattedValue}%
+          </NEllipsis>
+        )
+      }
     },
     {
       key: 'operate',
@@ -112,7 +146,7 @@ const {
               type="primary"
               local-icon="drive-file-rename-outline-outline"
               tooltipContent={$t('common.edit')}
-              onClick={() => edit(row.id!)}
+              onClick={() => edit(row.branchId!)}
             />
           );
         };
@@ -128,7 +162,7 @@ const {
               local-icon="delete-outline"
               tooltipContent={$t('common.delete')}
               popconfirmContent={$t('common.confirmDelete')}
-              onPositiveClick={() => handleDelete(row.id!)}
+              onPositiveClick={() => handleDelete(row.branchId!)}
             />
           );
         };
@@ -192,7 +226,7 @@ async function handleDelete(id: CommonType.IdType) {
 }
 
 function edit(id: CommonType.IdType) {
-  handleEdit('id', id);
+  handleEdit('branchId', id);
 }
 
 function handleImport() {
@@ -242,7 +276,7 @@ function handleExport() {
         :scroll-x="scrollX"
         :loading="loading"
         remote
-        :row-key="row => row.id"
+        :row-key="row => row.branchId"
         :pagination="mobilePagination"
         class="sm:h-full"
         @update-resize-widths="scrollX = calculateTotalWidth()"

cds-fontend-2025.V1/src/views/business/percentage/modules/percentage-operate-drawer.vue

@@ -47,8 +47,8 @@ function createDefaultModel(): Model {
   return {
       branchId: '',
       branchName: '',
-      yxPercent: undefined,
+      yxPercent: 0.5,
-      jbPercent: undefined,
+      jbPercent: 0.5,
   };
 }
 
@@ -121,6 +121,28 @@ watch(visible, () => {
     restoreValidation();
   }
 });
+
+function handlePercentageChange(changedField: 'yx' | 'jb') {
+  if (changedField === 'yx') {
+    displayJbPercent.value = 100 - displayYxPercent.value
+  } else {
+    displayYxPercent.value = 100 - displayJbPercent.value
+  }
+}
+
+const displayYxPercent = computed({
+  get: () => model.yxPercent ? Math.round(model.yxPercent * 100) : 0,
+  set: (val) => {
+    model.yxPercent = val ? val / 100 : 0
+  }
+})
+
+const displayJbPercent = computed({
+  get: () => model.jbPercent ? Math.round(model.jbPercent * 100) : 0,
+  set: (val) => {
+    model.jbPercent = val ? val / 100 : 0
+  }
+})
 </script>
 
 <template>
@@ -134,10 +156,34 @@ watch(visible, () => {
           <NInput v-model:value="model.branchName" placeholder="请输入支行名称" />
         </NFormItem>
         <NFormItem label="营销人员分成比例" path="yxPercent">
-          <NInput v-model:value="model.yxPercent" placeholder="请输入营销人员分成比例" />
+<!--          <NInput v-model:value="model.yxPercent" placeholder="请输入营销人员分成比例" />-->
+          <NInput-number
+            v-model:value="displayYxPercent"
+            :min="0"
+            :max="100"
+            :precision="0"
+            step="10"
+            @update:value="handlePercentageChange('yx')"
+            placeholder="请输入营销人员分成比例"
+          >
+            <template #suffix>
+              %
+            </template>
+          </NInput-number>
         </NFormItem>
         <NFormItem label="经办人员分成比例" path="jbPercent">
-          <NInput v-model:value="model.jbPercent" placeholder="请输入经办人员分成比例" />
+          <NInput-number
+            v-model:value="displayJbPercent"
+            :min="0"
+            :max="100"
+            :precision="0"
+            step="10"
+            @update:value="handlePercentageChange('jb')"
+            placeholder="请输入经办人员分成比例" >
+            <template #suffix>
+              %
+            </template>
+          </NInput-number>
         </NFormItem>
       </NForm>
       <template #footer>