详情

src/styles/transition/common.scss

@@ -57,3 +57,10 @@
   border-top: 4px solid #157a2c;
   color: #157a2c;
 }
+
+.mt-16 {
+  margin-top: 16px;
+}
+.mb-16 {
+  margin-bottom: 16px;
+}

src/views/produceOrder/components/createDialog.vue

@@ -8,7 +8,8 @@
   >
     <el-form :model="formData" label-width="0">
       <el-descriptions title="" :column="2" border>
-        <el-descriptions-item label="计划编号">
+        <el-descriptions-item>
+          <span slot="label" class="label-required">计划编号</span>
           <el-form-item prop="code">
             <el-input v-model="formData.code"></el-input>
           </el-form-item>
@@ -29,22 +30,33 @@
           label="成型数量"
           label-class-name="produce-create-bg"
           content-class-name="produce-create-bg"
-          >江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item
         >
+          <span slot="label" class="label-required">成型数量</span
+          ><el-input></el-input
+        ></el-descriptions-item>
         <el-descriptions-item
           label="计划开始时间"
           label-class-name="produce-create-bg"
           content-class-name="produce-create-bg"
-          >江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item
         >
+          <span slot="label" class="label-required">计划开始时间</span
+          ><el-input></el-input
+        ></el-descriptions-item>
         <el-descriptions-item
           label="设备编码/名称"
           label-class-name="produce-create-bg"
           content-class-name="produce-create-bg"
-          >江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item
         >
+          <span slot="label" class="label-required">设备编码/名称</span
+          ><el-input></el-input
+        ></el-descriptions-item>
       </el-descriptions>
     </el-form>
+
+    <div slot="footer">
+      <el-button plain>取消</el-button>
+      <el-button type="primary">确定</el-button>
+    </div>
   </ele-modal>
 </template>
 
@@ -52,7 +64,7 @@
   export default {
     data () {
       return {
-        visible: true,
+        visible: false,
         titleOpt: ['创建工单'],
         type: 0,
         formData: {}
@@ -67,6 +79,15 @@
   };
 </script>
 
+<style lang="scss" scoped>
+  .label-required {
+    &::after {
+      content: '*';
+      color: var(--color-danger);
+      font-size: 1.2em;
+    }
+  }
+</style>
 <style lang="scss">
   .produce-create-bg {
     background-color: var(--color-primary) !important;

src/views/produceOrder/components/report/Drying.vue

@@ -0,0 +1,111 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料重量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="投料数量（PCS）" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="投料重量（KG）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿编号/名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        class="mt-16"
+        title="干燥区域信息"
+        direction="vertical"
+        :column="7"
+        border
+      >
+        <el-descriptions-item label="区域编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="区域名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="干燥时长"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="区域位置"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="操作"
+          ><el-link>更改信息</el-link></el-descriptions-item
+        >
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Extrusion.vue

@@ -0,0 +1,120 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料重量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="原料编码/名称" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="原料牌号"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="批次号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="原料重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        title="设备信息"
+        direction="vertical"
+        :column="7"
+        border
+        class="mt-16"
+      >
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="设备位置" :span="3"
+          >kooriookami</el-descriptions-item
+        >
+
+        <el-descriptions-item label="模具编码/名称" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="冲压次数" :span="3"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿编码/名称" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="槽数">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="数量">kooriookami</el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Furnace.vue

@@ -0,0 +1,66 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计实际数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="交接" direction="vertical" :column="7" border>
+        <el-descriptions-item label="待交接数量" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="实际数量（PCS）"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions title="设备信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="设备位置"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="操作"
+          ><el-link>更改设备</el-link></el-descriptions-item
+        >
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/HalfAdded.vue

@@ -0,0 +1,114 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料产品数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="投料数量（PCS）" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="投料重量（KG）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿编号/名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        title="设备信息"
+        direction="vertical"
+        :column="7"
+        border
+        class="mt-16"
+      >
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="升温曲线"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备位置"
+          >kooriookami</el-descriptions-item
+        >
+
+        <el-descriptions-item label="操作"
+          ><el-link type="primary">更改设备</el-link>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Heating.vue

@@ -0,0 +1,114 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料产品数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="投料数量（PCS）" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="投料重量（KG）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿编号/名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="舟皿数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        title="设备信息"
+        direction="vertical"
+        :column="7"
+        border
+        class="mt-16"
+      >
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="升温曲线"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备位置"
+          >kooriookami</el-descriptions-item
+        >
+
+        <el-descriptions-item label="操作"
+          ><el-link type="primary">更改设备</el-link>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Package.vue

@@ -0,0 +1,151 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料产品数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="5" border>
+        <el-descriptions-item label="待交接数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="实际数量（PCS）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="选择包装要求"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="包装数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="最小包装单元"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="尾数(PCS)">杀杀杀</el-descriptions-item>
+        <el-descriptions-item label="净重(KG)">s大苏打</el-descriptions-item>
+        <el-descriptions-item label="毛重(KG)"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <ele-pro-table
+        :columns="columns"
+        :datasource="[]"
+        :need-page="false"
+        class="mt-16"
+      >
+        <template v-slot:toolbar>
+          <el-link type="primary">添加物料</el-link>
+        </template>
+        <template v-slot:action="{ row }">
+          <el-link type="danger">删除</el-link>
+        </template>
+        <template v-slot:num="{ row }">
+          <el-input></el-input>
+        </template>
+      </ele-pro-table>
+      <el-descriptions title="交接" direction="vertical" :column="5" border>
+        <el-descriptions-item label="待交接数量"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="实际数量（PCS）"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        columns: [
+          {
+            label: '序号',
+            type: 'index',
+            width: 55
+          },
+          {
+            label: '编码',
+            prop: 'index'
+          },
+          {
+            label: '名称',
+            prop: 'index'
+          },
+          {
+            label: '类型',
+            prop: 'index'
+          },
+          {
+            label: '型号',
+            prop: 'index'
+          },
+          {
+            label: '规格',
+            prop: 'index'
+          },
+          {
+            label: '批次号',
+            prop: 'index'
+          },
+          {
+            label: '包装编码',
+            prop: 'index'
+          },
+          {
+            label: '最小包装单元',
+            prop: 'index'
+          },
+          {
+            label: '数量',
+            slot: 'num'
+          },
+          {
+            label: '单位',
+            prop: 'index'
+          },
+          {
+            label: '操作',
+            slot: 'action'
+          }
+        ]
+      };
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Processing.vue

@@ -0,0 +1,99 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料产品数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="投料数量（PCS）" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="投料重量（KG）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions title="设备信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+
+        <el-descriptions-item label="设备位置"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="操作"
+          ><el-link>更改设备</el-link></el-descriptions-item
+        >
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Sinter.vue

@@ -0,0 +1,107 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">累计合格品数量</span>2 </li>
+        <li> <span class="label">累计合格品重量</span>2 </li>
+        <li> <span class="label">累计投料产品数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="报工信息" direction="vertical" :column="7" border>
+        <el-descriptions-item label="投料数量（PCS）" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="投料重量（KG）"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="质检项">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="质检标准"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品数量(PCS)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="合格品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品数量(PCS)">
+          <el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="不合格品重量(KG)"
+          ><el-input>
+            <template slot="append">
+              <el-button type="primary">处置</el-button>
+            </template>
+          </el-input></el-descriptions-item
+        >
+        <el-descriptions-item label="副产品重量(KG)"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="备注" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        title="设备信息"
+        direction="vertical"
+        :column="7"
+        border
+        class="mt-16"
+      >
+        <el-descriptions-item label="设备编码"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备名称"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="规格">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="型号">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="烧结曲线"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="设备位置"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="操作"
+          ><el-link>更改设备</el-link></el-descriptions-item
+        >
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/components/report/Warehousing.vue

@@ -0,0 +1,89 @@
+<template>
+  <el-form :inline="true">
+    <div class="message-box">
+      <ul>
+        <li> <span class="label">报工次数</span>2 </li>
+        <li> <span class="label">批次数量</span>2 </li>
+        <li> <span class="label">累计入库数量</span>2 </li>
+      </ul>
+      <div class="right">
+        <el-form-item label="执行人工号"><el-input></el-input></el-form-item>
+        <el-form-item label="执行日期"><el-input></el-input></el-form-item>
+      </div>
+    </div>
+    <el-card>
+      <el-descriptions title="交接" direction="vertical" :column="7" border>
+        <el-descriptions-item label="待交接数量" :span="2"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="实际数量（PCS）"
+          >kooriookami</el-descriptions-item
+        >
+      </el-descriptions>
+      <el-descriptions
+        title="入库"
+        direction="vertical"
+        :column="7"
+        border
+        class="mt-16"
+      >
+        <template slot="extra">
+          <el-button type="primary" size="small" @click="handleAddBatch"
+            >添加</el-button
+          >
+        </template>
+        <el-descriptions-item label="交货仓库"
+          >kooriookami</el-descriptions-item
+        >
+        <el-descriptions-item label="批次号">kooriookami</el-descriptions-item>
+        <template v-for="(item, index) in batchList">
+          <el-descriptions-item label="入库数量（PCS）"
+            >kooriookami</el-descriptions-item
+          >
+          <el-descriptions-item label="批次号"
+            >kooriookami</el-descriptions-item
+          >
+        </template>
+      </el-descriptions>
+    </el-card>
+  </el-form>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        batchList: [{}]
+      };
+    },
+    methods: {
+      handleAddBatch () {
+        this.batchList.push({});
+      }
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  .message-box {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      list-style: none;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      li {
+        margin-right: 20px;
+      }
+    }
+
+    .right {
+      padding-top: 22px;
+      display: flex;
+      align-items: center;
+    }
+  }
+</style>

src/views/produceOrder/detail.vue

@@ -0,0 +1,153 @@
+<template>
+  <div class="ele-body">
+    <el-card>
+      <div class="page-title">
+        <el-page-header @back="$router.go(-1)">
+          <div slot="content" class="pageContent">
+            <div>生产报工</div>
+          </div>
+        </el-page-header>
+      </div>
+
+      <el-collapse-transition>
+        <el-descriptions
+          title=""
+          direction="vertical"
+          :column="7"
+          border
+          v-if="descriptionsShow"
+        >
+          <el-descriptions-item label="工单号"
+            >kooriookami</el-descriptions-item
+          >
+          <el-descriptions-item label="生产版本"
+            >18100000000</el-descriptions-item
+          >
+          <el-descriptions-item label="工单类型">苏州市</el-descriptions-item>
+          <el-descriptions-item label="产线">苏州市</el-descriptions-item>
+          <el-descriptions-item label="工艺路线版本"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="计划编号">苏州市</el-descriptions-item>
+          <el-descriptions-item label="计划类型">苏州市</el-descriptions-item>
+          <el-descriptions-item label="产品编码">苏州市</el-descriptions-item>
+          <el-descriptions-item label="产品名称">苏州市</el-descriptions-item>
+          <el-descriptions-item label="牌号 | 型号"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="要求成型数量(PCS)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="要求成型重量(KG)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="计划开始时间"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="实际开始时间"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="已成型数量(PCS)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="已成型重量(KG)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="已交付数量(PCS)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="已交付重量(KG)"
+            >苏州市</el-descriptions-item
+          >
+          <el-descriptions-item label="工单状态">苏州市</el-descriptions-item>
+          <el-descriptions-item label="完成时间">苏州市</el-descriptions-item>
+          <el-descriptions-item label="生产周期">苏州市</el-descriptions-item>
+        </el-descriptions>
+      </el-collapse-transition>
+      <div>
+        <el-button
+          class="w100"
+          type="primary"
+          size="mini"
+          plain
+          @click="descriptionsShow = !descriptionsShow"
+        >
+          <i
+            class="el-icon el-icon-d-arrow-left"
+            :class="[descriptionsShow ? 'slideDown-icon' : 'slideUp-icon']"
+          ></i>
+        </el-button>
+      </div>
+    </el-card>
+
+    <el-tabs v-model="activeName" type="card">
+      <el-tab-pane label="挤压成型" name="1"></el-tab-pane>
+      <el-tab-pane label="自然干燥" name="2"></el-tab-pane>
+      <el-tab-pane label="升温干燥" name="3"></el-tab-pane>
+      <el-tab-pane label="半加定长" name="4"></el-tab-pane>
+      <el-tab-pane label="备炉" name="5"></el-tab-pane>
+      <el-tab-pane label="烧结" name="6"></el-tab-pane>
+      <el-tab-pane label="深加工" name="7"></el-tab-pane>
+      <el-tab-pane label="包装" name="8"></el-tab-pane>
+      <el-tab-pane label="入库" name="9"></el-tab-pane>
+    </el-tabs>
+    <components :is="componentsList[activeName]"></components>
+  </div>
+</template>
+
+<script>
+  import Extrusion from './components/report/Extrusion';
+  import Drying from './components/report/Drying';
+  import Heating from './components/report/Heating';
+  import HalfAdded from './components/report/HalfAdded';
+  import Processing from './components/report/Processing';
+  import Package from './components/report/Package';
+  import Warehousing from './components/report/Warehousing';
+  import Sinter from './components/report/Sinter';
+  import Furnace from './components/report/Furnace';
+  export default {
+    components: {
+      Extrusion,
+      Drying,
+      Heating,
+      HalfAdded,
+      Processing,
+      Package,
+      Sinter,
+      Furnace,
+      Warehousing
+    },
+    data () {
+      return {
+        descriptionsShow: true,
+        activeName: '1',
+        componentsList: {
+          1: 'Extrusion',
+          2: 'Drying',
+          3: 'Heating',
+          4: 'HalfAdded',
+          5: 'Furnace',
+          6: 'Sinter',
+          7: 'Processing',
+          8: 'Package',
+          9: 'Warehousing'
+        }
+      };
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  .el-tabs {
+    margin-top: 20px;
+  }
+  .el-button {
+    margin-top: 10px;
+  }
+  .slideUp-icon {
+    transform: rotate(-90deg);
+  }
+  .slideDown-icon {
+    transform: rotate(90deg);
+  }
+</style>

src/views/produceOrder/index.vue

@@ -238,7 +238,7 @@
             minWidth: 110
           },
           {
-            prop: 'reqMoldTime',
+            prop: 'reqMoldTime1',
             label: '实际开始时间',
             align: 'center',
             showOverflowTooltip: true,