html NS:工单的生产计划

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html NS:工单的生产计划相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
    table {
      background-color: #eee;
      width: 900px;
    }
    th, td {
      border: 1px solid #999;
    }
    thead, th {
      background-color: #468499;
      color: #fff;
    }
    .value {
      text-align: center;
    }
    .capacity {
      color: #666;
      font-style: italic;
    }
    .good {
      color: #1c9800;
      background-color: #bae0b2;
      font-weight: bold;
    }
    .bad {
      color: #ff0f00;
      background-color: #f4c1c0;
      font-weight: bold;
    }
    .scheduled {
      background-color: #c7dae0;
      cursor: move;
    }
  </style>
</head>
<body>
<table>
  <thead>
    <!-- START HEADERS -->
    <tr>
      <th>Department</th>
      <th>Work Order</th>
      <th colspan="2">Oct 5</th>
      <th colspan="2">Oct 12</th>
      <th colspan="2">Oct 19</th>
      <th colspan="2">Oct 26</th>
    </tr>
  </thead>
  <tbody>
    <!-- START DEPT CAPACITY -->
    <tr>
      <td rowspan="2" colspan="2">Department A</td>
      <td class="value">32</td>
      <td class="value capacity">40</td>
      <td class="value">45</td>
      <td class="value capacity">40</td>
      <td class="value">20</td>
      <td class="value capacity">40</td>
      <td class="value">12</td>
      <td class="value capacity">40</td>
    </tr>
    <!-- START DEPT AVAILABILITY -->
    <tr>
      <td colspan="2" class="value good">8</td>
      <td colspan="2" class="value bad">5</td>
      <td colspan="2" class="value good">20</td>
      <td colspan="2" class="value good">28</td>
    </tr>
    <!-- START WORK ORDERS -->
    <tr rowspan="3">
      <td></td>
      <td>Work Order #203</td>
      <td colspan="2" class="value scheduled">8</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #205</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">24</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #208</td>
      <td colspan="2" class="value scheduled">8</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
   <tr rowspan="3">
      <td></td>
      <td>Work Order #211</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">12</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #213</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">9</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #214</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">10</td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #215</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">10</td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #219</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">8</td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #220</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">4</td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #221</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">12</td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #223</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">4</td>
    </tr>
    <!-- START DEPT CAPACITY -->
    <tr>
      <td rowspan="2" colspan="2">Department B</td>
      <td class="value">20</td>
      <td class="value capacity">20</td>
      <td class="value">24</td>
      <td class="value capacity">20</td>
      <td class="value">0</td>
      <td class="value capacity">20</td>
      <td class="value">0</td>
      <td class="value capacity">20</td>
    </tr>
    <!-- START DEPT AVAILABILITY -->
    <tr>
      <td colspan="2" class="value good">0</td>
      <td colspan="2" class="value bad">4</td>
      <td colspan="2" class="value good">20</td>
      <td colspan="2" class="value good">20</td>
    </tr>
    <!-- START WORK ORDERS -->
    <tr rowspan="3">
      <td></td>
      <td>Work Order #233</td>
      <td colspan="2" class="value scheduled">10</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #234</td>
      <td colspan="2" class="value scheduled">10</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
    <tr rowspan="3">
      <td></td>
      <td>Work Order #235</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value scheduled">24</td>
      <td colspan="2" class="value"></td>
      <td colspan="2" class="value"></td>
    </tr>
  </tbody>
</table>


</body>
</html>

以上是关于html NS:工单的生产计划的主要内容,如果未能解决你的问题,请参考以下文章

多产生半成品工单的问题 修改带SO的半成品工单无法分配给SO的问题的

SAP 如何查询生产订单的一些信息,如产成品名称,标准成本之类的,就像是查PURCHASE ORDE 的ME23N那样。

ITSM常见问题之:IT团队如何赢得领导们的赞誉?

ITSM常见问题之:IT团队如何赢得领导们的赞誉?

化工行业批次和子批次管理

记一次使用wangEditor引起的element-ui表格样式错乱问题