生产总览-为未接单弹窗

src/views/productManagement/productionSummary/index.vue

@@ -139,22 +139,24 @@
 
     <!-- 未接单弹窗 -->
     <el-dialog
-      title="未接单列表"
       :visible.sync="dialogVisible"
-      width="65%"
+      width="80%"
       custom-class="unassigned-dialog"
       :before-close="handleClose">
+      <div slot="title" class="dialog-title">
+        <div class="title-content">
+          <span>生产未接单</span>
+          <span class="dialog-update-time">{{ updateTime }}</span>
+        </div>
+      </div>
       <el-table :data="unassignedOrders" style="width: 100%" border>
         <el-table-column prop="orderNo" label="订单编号" width="120" align="center"/>
-        <el-table-column prop="productName" label="商品名称" min-width="120" align="center"/>
-        <el-table-column prop="customerName" label="客户名称" min-width="120" align="center"/>
-        <el-table-column prop="orderTime" label="下单时间" width="160" align="center"/>
-        <el-table-column prop="quantity" label="数量" width="100" align="center"/>
-        <el-table-column prop="status" label="状态" width="100" align="center">
-          <template slot-scope="scope">
-            <el-tag type="info" size="medium" effect="plain">未接单</el-tag>
-          </template>
-        </el-table-column>
+        <el-table-column prop="planNum" label="计划量" width="120" align="center"/>
+        <el-table-column prop="goods" label="货品" min-width="120" align="center"/>
+        <el-table-column prop="orderPerson" label="下单人" width="120" align="center"/>
+        <el-table-column prop="orderTime" label="下单时间" width="120" align="center"/>
+        <el-table-column prop="priority" label="优先级" width="100" align="center"/>
+        <el-table-column prop="contract" label="合同" min-width="200" align="center"/>
       </el-table>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" size="medium" @click="dialogVisible = false">关 闭</el-button>
@@ -317,60 +319,58 @@ export default {
       dialogVisible: false,
       unassignedOrders: [
         {
-          orderNo: 'DD20240001',
-          productName: '包装材料A型',
-          customerName: '上海某某科技有限公司',
-          orderTime: '2024-01-30 10:00:00',
-          quantity: 1000,
-          status: '未接单'
+          orderNo: '00000021',
+          planNum: 2000,
+          goods: '智能膜环',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-01',
+          priority: '一般',
+          contract: 'HT00000001 泰三农场'
         },
         {
-          orderNo: 'DD20240002',
-          productName: '塑料外壳B型',
-          customerName: '北京某某电子有限公司',
-          orderTime: '2024-01-30 11:30:00',
-          quantity: 2000,
-          status: '未接单'
+          orderNo: '00000022',
+          planNum: 2000,
+          goods: '智能喷淋',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-12',
+          priority: '一般',
+          contract: 'HT00000002 和祥牧场'
         },
         {
-          orderNo: 'DD20240003',
-          productName: '金属零件C型',
-          customerName: '深圳某某制造有限公司',
-          orderTime: '2024-01-30 14:20:00',
-          quantity: 500,
-          status: '未接单'
+          orderNo: '00000023',
+          planNum: 2000,
+          goods: '佳沃评分',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-15',
+          priority: '一般',
+          contract: 'HT00000003 五河牧场'
         },
         {
-          orderNo: 'DD20240004',
-          productName: '电子元件D型',
-          customerName: '广州某某科技有限公司',
-          orderTime: '2024-01-30 15:45:00',
-          quantity: 3000,
-          status: '未接单'
+          orderNo: '00000024',
+          planNum: 2000,
+          goods: '大屏',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-18',
+          priority: '一般',
+          contract: 'HT00000004 云养牛'
         },
         {
-          orderNo: 'DD20240005',
-          productName: '橡胶配件E型',
-          customerName: '杭州某某工业有限公司',
-          orderTime: '2024-01-30 16:30:00',
-          quantity: 1500,
-          status: '未接单'
-        },
-        {
-          orderNo: 'DD20240006',
-          productName: '五金配件F型',
-          customerName: '苏州某某机械有限公司',
-          orderTime: '2024-01-30 17:15:00',
-          quantity: 2500,
-          status: '未接单'
+          orderNo: '00000025',
+          planNum: 2000,
+          goods: '耳标',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-20',
+          priority: '高',
+          contract: 'HT00000005 宝塔牧场\nHT00000006 马鞍山牧场'
         },
         {
-          orderNo: 'DD20240007',
-          productName: '包装材料G型',
-          customerName: '武汉某某包装有限公司',
-          orderTime: '2024-01-30 18:00:00',
-          quantity: 1800,
-          status: '未接单'
+          orderNo: '00000026',
+          planNum: 2000,
+          goods: '智能称重',
+          orderPerson: '孙XX',
+          orderTime: '2024-10-30',
+          priority: '一般',
+          contract: 'HT00000007 海丰牧场'
         }
       ]
     }
@@ -636,40 +636,25 @@ export default {
   }
 }
 
-// 弹窗样式
+// 未接单弹窗样式
 :deep(.unassigned-dialog) {
   .el-dialog__header {
     padding: 20px 24px;
     border-bottom: 1px solid #ebeef5;
     margin-right: 0;
-    position: relative;
-    
-    .el-dialog__title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #1f2d3d;
-    }
     
-    .el-dialog__headerbtn {
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-      right: 24px;
-      width: 24px;
-      height: 24px;
-      padding: 0;
-      background: transparent;
-      border: none;
-      outline: none;
-      cursor: pointer;
-      z-index: 10;
-      
-      .el-dialog__close {
-        font-size: 18px;
-        color: #909399;
+    .dialog-title {
+      .title-content {
+        display: inline-flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: 500;
         
-        &:hover {
-          color: #409EFF;
+        .dialog-update-time {
+          font-size: 14px;
+          color: #666;
+          font-weight: normal;
+          margin-left: 16px;
         }
       }
     }
@@ -679,25 +664,11 @@ export default {
     padding: 24px;
   }
   
-  .el-dialog__footer {
-    padding: 16px 24px;
-    border-top: 1px solid #ebeef5;
-    text-align: center;
-    
-    .el-button {
-      padding: 10px 36px;
-      font-size: 14px;
-    }
-  }
-  
   .el-table {
-    margin: 0;
-    
     th {
       background-color: #f5f7fa;
       color: #1f2d3d;
-      font-weight: 600;
-      padding: 12px 0;
+      font-weight: 500;
     }
     
     td {