Ver Fonte

feat(回收订单): 添加结算方式选择和展示

在订单搜索和订单金额组件中新增“结算方式”选项,支持7天和15天的验货方式选择,并在订单金额展示中显示相应的结算方式文本。调整了金额列的宽度以适应新内容。
ylong há 1 semana atrás
pai
commit
023ed05610

+ 13 - 0
src/views/recycleOrder/components/order-amount.vue

@@ -26,12 +26,21 @@
             <el-text>取件方式:</el-text>
             <el-text>{{ expressTypeText }}</el-text>
         </div>
+        <div class="common-text" v-if="verifyPeriodText">
+            <el-text>结算方式:</el-text>
+            <el-text>{{ verifyPeriodText }}</el-text>
+        </div>
     </div>
 </template>
 
 <script setup>
     import { useDictData } from '@/utils/use-dict-data';
 
+    const VERIFY_PERIOD_MAP = {
+        7: '7天极速验货',
+        15: '15天安心验货'
+    };
+
     /** 字典数据 */
     const [orderTypeDicts, expressTypeDicts] = useDictData([
         'order_type',
@@ -50,6 +59,10 @@
         )?.dictLabel;
     });
 
+    const verifyPeriodText = computed(() => {
+        return VERIFY_PERIOD_MAP[props.row.verifyPeriodDays] || '';
+    });
+
     const props = defineProps({
         row: {
             type: Object,

+ 9 - 0
src/views/recycleOrder/components/order-search.vue

@@ -88,6 +88,15 @@
             prop: 'finalExpress',
             props: { code: 'final_express' }
         },
+        {
+            type: 'select',
+            label: '结算方式',
+            prop: 'verifyPeriodDays',
+            options: [
+                { label: '7天极速验货', value: 7 },
+                { label: '15天安心验货', value: 15 }
+            ]
+        },
         {
             type: 'dictSelect',
             label: '全部方式',

+ 1 - 1
src/views/recycleOrder/search/index.vue

@@ -247,7 +247,7 @@
             minWidth: 230
         },
         { label: '客户', prop: 'customer', slot: 'customer', minWidth: 360 },
-        { label: '金额', prop: 'amount', slot: 'amount', minWidth: 160 },
+        { label: '金额', prop: 'amount', slot: 'amount', minWidth: 190 },
         {
             label: '状态',
             prop: 'status',