🦄 refactor: 封装统一表格组件,便于批量扩展表格能力
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<span>订单所需的产品统计</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="orderProductStatistics" size="small" height="320"
|
||||
<KLPTable :data="orderProductStatistics" size="small" height="320"
|
||||
v-loading="!orderProductStatistics.length">
|
||||
<el-table-column prop="productName" label="产品名称" width="120" />
|
||||
<el-table-column prop="orderDemandQuantity" label="需求数量" width="80" />
|
||||
@@ -21,7 +21,7 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="relatedOrderCount" label="相关订单" width="80" />
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!orderProductStatistics.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无数据</p>
|
||||
@@ -37,7 +37,7 @@
|
||||
<span>BOM原料需求</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="productMaterialRequirements" size="small" height="320"
|
||||
<KLPTable :data="productMaterialRequirements" size="small" height="320"
|
||||
v-loading="!productMaterialRequirements.length">
|
||||
<el-table-column prop="productName" label="产品" width="100" />
|
||||
<el-table-column prop="materialName" label="原料" width="100" />
|
||||
@@ -51,7 +51,7 @@
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!productMaterialRequirements.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无数据</p>
|
||||
@@ -67,7 +67,7 @@
|
||||
<span>原料库存情况</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="rawMaterialInventory" size="small" height="320" v-loading="!rawMaterialInventory.length">
|
||||
<KLPTable :data="rawMaterialInventory" size="small" height="320" v-loading="!rawMaterialInventory.length">
|
||||
<el-table-column prop="materialName" label="原料名称" width="120" />
|
||||
<el-table-column prop="currentStockQuantity" label="库存" width="60" />
|
||||
<el-table-column prop="inTransitQuantity" label="在途" width="60" />
|
||||
@@ -86,7 +86,7 @@
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!rawMaterialInventory.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无数据</p>
|
||||
@@ -102,7 +102,7 @@
|
||||
<span>订单所需的产品统计</span>
|
||||
</div>
|
||||
<div class="table-container">
|
||||
<el-table :data="orderProductStatistics" size="small" height="320" v-loading="!orderProductStatistics.length">
|
||||
<KLPTable :data="orderProductStatistics" size="small" height="320" v-loading="!orderProductStatistics.length">
|
||||
<el-table-column prop="productName" label="产品名称" />
|
||||
<el-table-column prop="orderDemandQuantity" label="需求数量" />
|
||||
<el-table-column prop="currentStockQuantity" label="库存数量" />
|
||||
@@ -114,7 +114,7 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="relatedOrderCount" label="相关订单" />
|
||||
</el-table>
|
||||
</KLPTable>
|
||||
<div v-if="!orderProductStatistics.length" class="empty-data">
|
||||
<i class="el-icon-warning-outline"></i>
|
||||
<p>暂无数据</p>
|
||||
|
||||
@@ -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