列表查询

This commit is contained in:
JenniferW 2025-06-04 11:30:57 +08:00
parent 885a3e1d16
commit b84a50a40a
1 changed files with 87 additions and 18 deletions

View File

@ -70,16 +70,24 @@
<el-table v-loading="loading" :data="intentionList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="订单编号" align="center" prop="orderNo" />
<el-table-column label="客户名称" align="center" prop="customerName" />
<el-table-column label="联系电话" align="center" prop="phone" />
<el-table-column label="意向产品" align="center" prop="product" />
<el-table-column label="数量" align="center" prop="quantity" />
<el-table-column label="状态" align="center" prop="status">
<template #default="scope">
<dict-tag :options="statusOptions" :value="scope.row.status"/>
<el-table-column type="expand">
<template #default="props">
<div style="padding: 20px; border-left: 4px solid #409EFF;">
<p style="margin-top: 0; margin-bottom: 10px; font-weight: bold;">订单整体作业计划:</p>
<ul style="list-style: none; padding: 0; margin: 0;">
<li v-for="(item, index) in props.row.workPlan" :key="index" style="margin-bottom: 10px;">
<span style="font-weight: bold; margin-right: 5px;">{{ index + 1 }}{{ item.date }}:</span>
{{ item.description }}
</li>
</ul>
</div>
</template>
</el-table-column>
<el-table-column label="订单商机名称" align="center" prop="orderName" />
<el-table-column label="客户名称" align="center" prop="customerName" />
<el-table-column label="类型" align="center" prop="type" />
<el-table-column label="计划交付时间" align="center" prop="deliveryTime" width="180" />
<el-table-column label="当前状态" align="center" prop="currentStatus" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180">
<template #default="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
@ -216,24 +224,85 @@ const mockData = [
{
id: 1,
orderNo: "INT202403150001",
customerName: "张三",
customerName: "广州铁路局",
phone: "13800138000",
product: "产品A",
product: "CR400AF轮对",
quantity: 2,
status: "0",
createTime: "2024-03-15 10:00:00",
remark: "测试数据1"
status: "0", // Maps to initially, will change based on mock workplan status
createTime: "2025-02-25",
remark: "测试数据1",
workPlan: [
{ date: "2025-02-25", description: "订单创建时间" },
{ date: "2025-03-20", description: "排程排产确定" },
{ date: "2025-04-30", description: "原材料采购到货时" },
{ date: "2025-05-01", description: "启动生产作业时间" },
{ date: "2025-05-28", description: "已经完成生产 80%" },
{ date: "2025-06-30", description: "预计生产完成时间" },
{ date: "2025-07-30", description: "预计检测完成时间" },
{ date: "2025-08-01", description: "预计发货时间" },
],
orderName: "广州铁路局CR400AF轮对订单",
type: "订单",
deliveryTime: "2025-12-30",
currentStatus: "生产中", // Based on image
},
{
id: 2,
orderNo: "INT202403150002",
customerName: "李四",
customerName: "长沙铁路局",
phone: "13800138001",
product: "产品B",
product: "CR400BF轮对",
quantity: 1,
status: "1",
createTime: "2024-03-15 11:00:00",
remark: "测试数据2"
status: "1", // Maps to initially
createTime: "2025-02-24 24:27:02",
remark: "测试数据2",
workPlan: [
{ date: "2025-03-01", description: "意向创建时间" },
{ date: "2025-03-10", description: "初步沟通" },
{ date: "2025-04-01", description: "方案设计" },
],
orderName: "长沙铁路局CR400BF轮对意向",
type: "意向",
deliveryTime: "2025-10-31",
currentStatus: "设计中", // Based on image
},
{
id: 3,
orderNo: "INT202403150003",
customerName: "唐山机车厂",
phone: "13800138002",
product: "CRH3A轮对",
quantity: 3,
status: "0", // Maps to initially
createTime: "2025-04-24 24:27:02",
remark: "测试数据3",
workPlan: [
{ date: "2025-03-05", description: "订单创建时间" },
{ date: "2025-03-25", description: "排程排产确定" },
],
orderName: "唐山机车厂CRH3A轮对订单",
type: "订单",
deliveryTime: "2025-07-31",
currentStatus: "订单确认中", // Based on image
},
{
id: 4,
orderNo: "INT202403150004",
customerName: "西安铁路局",
phone: "13800138003",
product: "CR400AF轮对",
quantity: 5,
status: "2", // Maps to initially
createTime: "2025-04-24 24:27:02",
remark: "测试数据4",
workPlan: [
{ date: "2025-03-06", description: "订单创建时间" },
{ date: "2025-03-26", description: "订单已取消" },
],
orderName: "西安铁路局CR400AF轮对700量订单",
type: "订单",
deliveryTime: "2025-07-31",
currentStatus: "原料采购中", // Based on image
}
]