@logwire/logwire-wms-pda-ui 1.1.17 → 1.2.0

package/src/components/page/process/process/console/index.vue

@@ -0,0 +1,525 @@
+<!--
+  加工执行 - 控制台
+  @author: 张文
+  @date: 2022-08-11
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','加工控制台')"/>
+
+    <div class="lw-global-page-box">
+
+      <dock-info/>
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-tab-box"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','正在加工')"
+          >
+
+            <dock-task-info
+              v-if="dockData.ing && Object.keys(dockData.ing).length"
+              :item="dockData.ing"
+              @click="taskClick(dockData.ing)"
+            />
+            <lw-not-data
+              v-else
+              :content="$lwLanguage.get('','当前未选择任务')"
+            />
+
+          </van-tab>
+
+          <van-tab
+            name="task"
+            :title="$lwLanguage.get('','任务列表')"
+          >
+
+            <template v-if="dockData.taskList && dockData.taskList.length">
+              <dock-task-info
+                v-for="(i,k) in dockData.taskList"
+                :key="k"
+                :item="i"
+                :index="k"
+                @click="taskClick(i)"
+              />
+
+            </template>
+
+            <lw-not-data v-else/>
+          </van-tab>
+
+          <van-tab
+            name="stop"
+            :title="$lwLanguage.get('','暂停中')"
+          >
+
+            <template v-if="dockData.stopList && dockData.stopList.length">
+              <dock-task-info
+                v-for="(i,k) in dockData.stopList"
+                :key="k"
+                :item="i"
+                :index="k"
+                look-data-type="not"
+                @click="taskClick(i)"
+              >
+
+                <template #bottom>
+
+                  <div class="lw-global-model-bottom-radius">
+
+                    <lw-title-value-cell
+                      :title="$lwLanguage.get('','暂停原因')"
+                      :value="i.stop || '-'"
+                      is-row-start
+                    />
+
+                    <div
+                      style="text-align: right"
+                      class="lw-global-row-end"
+                    >
+                      <lw-button
+                        mini
+                        @click="recover(i)"
+                      >{{ $lwLanguage.get('','恢复') }}</lw-button>
+                    </div>
+
+                  </div>
+
+
+                </template>
+
+              </dock-task-info>
+
+            </template>
+
+            <lw-not-data v-else/>
+          </van-tab>
+
+        </van-tabs>
+      </div>
+
+      <lw-bottom-bar
+        v-if="
+          tabActive==='ing' &&
+          dockData.ing &&
+          Object.keys(dockData.ing).length
+        "
+      >
+
+        <lw-button @click="actionProcess">
+          {{ $lwLanguage.get('','执行加工') }}
+        </lw-button>
+
+      </lw-bottom-bar>
+
+    </div>
+
+
+    <!-- 任务详情弹框 -->
+    <lw-popup
+      :title="$lwLanguage.get('','任务详情')"
+      v-model="taskInfoPopup.show"
+      background="#f0f0f0"
+    >
+
+      <dock-task-info
+        :item="taskInfoPopup.data.task"
+        look-data-type="not"
+      >
+
+        <template #bottom>
+
+          <div class="lw-global-model-bottom-radius">
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','暂停原因')"
+              :value="taskInfoPopup.data.task.stop || '-'"
+              :is-row="false"
+            />
+          </div>
+
+        </template>
+
+      </dock-task-info>
+
+      <div
+        style="margin-top: 10px"
+        class="lw-global-tab-box"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="taskInfoPopup.tabActive"
+        >
+
+          <van-tab
+            name="raw"
+            :title="$lwLanguage.get('','原料')"
+          >
+            <div
+              v-for="(i,k) in taskInfoPopup.data.raw"
+              :key="k"
+              class="lw-global-model-box lw-global-animation-out"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+              <lw-sku-info-module
+                :sku-code="i.code"
+                :sku-name="i.name"
+                is-row-first
+              >
+                <lw-tag
+                  style="flex-shrink: 0"
+                  round
+                  plain
+                >{{ i.typeLabel }}</lw-tag>
+
+              </lw-sku-info-module>
+
+              <div class="lw-global-flex-between lw-global-row-end">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','数量')"
+                  :value="i.count"
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','备料量')"
+                  :value="i.a"
+                  :is-row="false"
+                  val-bold
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','消耗量')"
+                  :value="i.o"
+                  :is-row="false"
+                  val-bold
+                  val-red
+                />
+
+              </div>
+
+            </div>
+          </van-tab>
+
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('','成品')"
+          >
+            <div
+              v-for="(i,k) in taskInfoPopup.data.over"
+              :key="k"
+              class="lw-global-model-box lw-global-animation-out"
+              :style="{animationDelay: 50 * k + 'ms'}"
+            >
+              <lw-sku-info-module
+                :sku-code="i.code"
+                :sku-name="i.name"
+                is-row-first
+                :show-right="false"
+              />
+
+              <div class="lw-global-flex-between lw-global-row-end">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','计划量')"
+                  :value="i.count"
+                  :is-row="false"
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','已加工')"
+                  :value="i.a"
+                  :is-row="false"
+                  val-bold
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','待加工')"
+                  :value="i.o"
+                  :is-row="false"
+                  val-bold
+                  val-red
+                />
+
+              </div>
+
+            </div>
+
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+import dockInfo from "../components/dockInfo.vue";
+import dockTaskInfo from "../components/dockTaskInfo.vue";
+
+export default {
+  name: "lwProcessActionConsolePage",
+  components:{
+    dockInfo,
+    dockTaskInfo,
+  },
+  data() {
+    return {
+      // tab激活项
+      tabActive: '',
+
+      // 线路数据
+      dockData:{
+        ing: {
+          taskNum: 'RW-001',
+          lot: ['中件', '快移', 'BO'],
+          orderCode: 'DD-001',
+          statusLabel: '加工中',
+          ownerCode: 'HZ-001',
+          ownerName: '货主-001',
+          bomCode: 'BOM-001',
+          bomName: '包装001',
+          rate: 10,
+          startTime: '2022-08-12T10:00:00.00Z',
+          endTime: '2022-08-12T12:00:00.00Z',
+          time: 120,
+          plan: 100,
+          over: 40,
+          ing: 60,
+          setout: 98
+        },
+        taskList: [
+          {
+            taskNum: 'RW-001',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-001',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-001',
+            ownerName: '货主-001',
+            bomCode:'BOM-001',
+            bomName: '包装001',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98
+          },
+          {
+            taskNum: 'RW-002',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-002',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-002',
+            ownerName: '货主-002',
+            bomCode:'BOM-002',
+            bomName: '包装002',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98
+          },
+          {
+            taskNum: 'RW-003',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-003',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-003',
+            ownerName: '货主-003',
+            bomCode:'BOM-003',
+            bomName: '包装003',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98
+          },
+        ],
+        stopList: [
+          {
+            taskNum: 'RW-001',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-001',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-001',
+            ownerName: '货主-001',
+            bomCode:'BOM-001',
+            bomName: '包装001',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98,
+            stop: '这里是暂停原因'
+          },
+          {
+            taskNum: 'RW-002',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-002',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-002',
+            ownerName: '货主-002',
+            bomCode:'BOM-002',
+            bomName: '包装002',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98,
+            stop: '这里是暂停原因'
+          },
+          {
+            taskNum: 'RW-003',
+            lot: ['中件','快移','BO'],
+            orderCode:'DD-003',
+            statusLabel: '加工中',
+            ownerCode: 'HZ-003',
+            ownerName: '货主-003',
+            bomCode:'BOM-003',
+            bomName: '包装003',
+            rate: 10,
+            startTime: '2022-08-12T10:00:00.00Z',
+            endTime: '2022-08-12T12:00:00.00Z',
+            time: 120,
+            plan: 100,
+            over: 40,
+            ing: 60,
+            setout: 98,
+            stop: '这里是暂停原因'
+          },
+        ],
+      },
+
+      // 任务详情弹框
+      taskInfoPopup:{
+        show: false,
+        data:{
+          task: {
+              taskNum: 'RW-001',
+              lot: ['中件','快移','BO'],
+              orderCode:'DD-001',
+              statusLabel: '加工中',
+              ownerCode: 'HZ-001',
+              ownerName: '货主-001',
+              bomCode:'BOM-001',
+              bomName: '包装001',
+              rate: 10,
+              startTime: '2022-08-12T10:00:00.00Z',
+              endTime: '2022-08-12T12:00:00.00Z',
+              time: 120,
+              plan: 100,
+              over: 40,
+              ing: 60,
+              setout: 98
+            },
+          raw:[
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'主材料',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'附件',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'附件',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+          ],
+          over: [
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'主材料',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'附件',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+            {
+              code:'W-001',
+              name:'纸箱-001',
+              typeLabel:'附件',
+              count: 100,
+              a: 100,
+              o: 20
+            },
+          ],
+        },
+        tabActive: ''
+      }
+    }
+  },
+  methods: {
+
+    // 任务行被点击
+    taskClick(item){
+      console.log(item,'click')
+      this.taskInfoPopup.show = true
+    },
+
+    // 恢复
+    recover(item){
+      console.log(item,'recover')
+    },
+
+    // 执行加工
+    actionProcess(){
+      this.$router.push({
+        path: '/process/action/lwAction'
+      })
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/process/process/content/index.js

@@ -0,0 +1,11 @@
+/*
+* 加工执行 - 加工台
+* @author: 张文
+* @date 2022-08-11
+* */
+
+import lwProcessActionContentPage from "./index.vue";
+
+lwProcessActionContentPage.install = Vue => Vue.component(lwProcessActionContentPage.name, lwProcessActionContentPage)
+
+export default lwProcessActionContentPage