From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/views/crm/contract/detail/ContractProductList.vue | 66 +++++++++++++++++++++++++++++++++
1 files changed, 66 insertions(+), 0 deletions(-)
diff --git a/src/views/crm/contract/detail/ContractProductList.vue b/src/views/crm/contract/detail/ContractProductList.vue
new file mode 100644
index 0000000..ea23d17
--- /dev/null
+++ b/src/views/crm/contract/detail/ContractProductList.vue
@@ -0,0 +1,66 @@
+<template>
+ <ContentWrap>
+ <el-table :data="contract.products" :stripe="true" :show-overflow-tooltip="true">
+ <el-table-column
+ align="center"
+ label="浜у搧鍚嶇О"
+ fixed="left"
+ prop="productName"
+ min-width="160"
+ >
+ <template #default="scope">
+ {{ scope.row.productName }}
+ </template>
+ </el-table-column>
+ <el-table-column label="浜у搧鏉＄爜" align="center" prop="productNo" min-width="120" />
+ <el-table-column align="center" label="浜у搧鍗曚綅" prop="productUnit" min-width="160">
+ <template #default="{ row }">
+ <dict-tag :type="DICT_TYPE.CRM_PRODUCT_UNIT" :value="row.productUnit" />
+ </template>
+ </el-table-column>
+ <el-table-column
+ label="浜у搧浠锋牸锛堝厓锛�"
+ align="center"
+ prop="productPrice"
+ min-width="140"
+ :formatter="erpPriceTableColumnFormatter"
+ />
+ <el-table-column
+ label="鍚堝悓浠锋牸锛堝厓锛�"
+ align="center"
+ prop="contractPrice"
+ min-width="140"
+ :formatter="erpPriceTableColumnFormatter"
+ />
+ <el-table-column
+ align="center"
+ label="鏁伴噺"
+ prop="count"
+ min-width="100px"
+ :formatter="erpPriceTableColumnFormatter"
+ />
+ <el-table-column
+ label="鍚堣閲戦锛堝厓锛�"
+ align="center"
+ prop="totalPrice"
+ min-width="140"
+ :formatter="erpPriceTableColumnFormatter"
+ />
+ </el-table>
+ <el-row class="mt-10px" justify="end">
+ <el-col :span="3"> 鏁村崟鎶樻墸锛歿{ erpPriceInputFormatter(contract.discountPercent) }}% </el-col>
+ <el-col :span="4">
+ 浜у搧鎬婚噾棰濓細{{ erpPriceInputFormatter(contract.totalProductPrice) }} 鍏�
+ </el-col>
+ </el-row>
+ </ContentWrap>
+</template>
+<script setup lang="ts">
+import * as ContractApi from '@/api/crm/contract'
+import { erpPriceInputFormatter, erpPriceTableColumnFormatter } from '@/utils'
+import { DICT_TYPE } from '@/utils/dict'
+
+const { contract } = defineProps<{
+ contract: ContractApi.ContractVO
+}>()
+</script>
--
Gitblit v1.8.0