🦄 refactor: 封装统一表格组件,便于批量扩展表格能力
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<span>订单维度推荐</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="orderRecommendations" size="small" height="320" v-loading="!orderRecommendations.length">
|
||||
<KLPTable :data="orderRecommendations" size="small" height="320" v-loading="!orderRecommendations.length">
|
||||
<el-table-column prop="orderCode" label="订单编号" width="120" />
|
||||
<el-table-column prop="customerName" label="客户名称" width="100" />
|
||||
<el-table-column prop="orderStatus" label="订单状态" width="80" />
|
||||
@@ -22,7 +22,7 @@
|
||||
<el-table-column prop="recommendationReason" label="推荐原因" width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="suggestedAction" label="建议操作" width="100" />
|
||||
<el-table-column prop="estimatedCompletionTime" label="预计完成时间" width="120" />
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!orderRecommendations.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无推荐数据</p>
|
||||
@@ -38,7 +38,7 @@
|
||||
<span>原料维度推荐</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="materialRecommendations" size="small" height="320" v-loading="!materialRecommendations.length">
|
||||
<KLPTable :data="materialRecommendations" size="small" height="320" v-loading="!materialRecommendations.length">
|
||||
<el-table-column prop="materialName" label="原料名称" width="120" />
|
||||
<el-table-column prop="recommendedPurchaseQuantity" label="推荐采购数量" width="120" />
|
||||
<el-table-column prop="recommendedSupplier" label="推荐供应商" width="100" show-overflow-tooltip />
|
||||
@@ -52,7 +52,7 @@
|
||||
<el-table-column prop="recommendationReason" label="推荐原因" width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="suggestedAction" label="建议操作" width="100" />
|
||||
<el-table-column prop="estimatedArrivalTime" label="预计到货时间" width="120" />
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!materialRecommendations.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无推荐数据</p>
|
||||
@@ -65,7 +65,7 @@
|
||||
<div class="recommendation-area-mini" v-else>
|
||||
<el-card shadow="hover" class="recommendation-card">
|
||||
<div class="table-container">
|
||||
<el-table :data="materialRecommendations" size="small" height="320" v-loading="!materialRecommendations.length">
|
||||
<KLPTable :data="materialRecommendations" size="small" height="320" v-loading="!materialRecommendations.length">
|
||||
<el-table-column prop="materialName" label="原料名称" width="120" />
|
||||
<el-table-column prop="recommendedPurchaseQuantity" label="推荐采购数量" width="120" />
|
||||
<el-table-column prop="recommendedSupplier" label="推荐供应商" width="100" show-overflow-tooltip />
|
||||
@@ -79,7 +79,7 @@
|
||||
<el-table-column prop="recommendationReason" label="推荐原因" width="150" show-overflow-tooltip />
|
||||
<el-table-column prop="suggestedAction" label="建议操作" width="100" />
|
||||
<el-table-column prop="estimatedArrivalTime" label="预计到货时间" width="120" />
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!materialRecommendations.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无推荐数据</p>
|
||||
|
||||
Reference in New Issue
Block a user