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

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

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

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

@@ -0,0 +1,158 @@
+<!--
+  加工执行 - 执行
+  @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="info"
+            :title="$lwLanguage.get('','基础信息')"
+          >
+
+            <dock-task-info
+              style="margin-bottom: 10px"
+              :item="data"
+              :show-click="false"
+            />
+
+            <craft-collapse/>
+
+          </van-tab>
+
+          <van-tab
+            name="raw"
+            :title="$lwLanguage.get('','原料')"
+          >
+            <raw-collapse/>
+          </van-tab>
+
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('','成品')"
+          >
+            <over-collapse/>
+          </van-tab>
+        </van-tabs>
+      </div>
+
+    </div>
+
+    <lw-bottom-bar-btn-hidden
+      :btn-list="btnList"
+    />
+
+
+    <!-- 暂停任务 -->
+    <stop-popup
+      :title="$lwLanguage.get('','暂停任务')"
+      v-model="stopPopupShow"
+      @confirm="stopPopupConfirm"
+    />
+
+  </div>
+</template>
+
+<script>
+import dockInfo from "../components/dockInfo.vue";
+import dockTaskInfo from "../components/dockTaskInfo.vue";
+import craftCollapse from "../components/craftCollapse.vue";
+import rawCollapse from "../components/rawCollapse.vue";
+import overCollapse from "../components/overCollapse.vue";
+import stopPopup from "../components/stopPopup.vue";
+
+export default {
+  name: "lwProcessActionActionPage",
+  components:{
+    dockInfo,
+    dockTaskInfo,
+    craftCollapse,
+    rawCollapse,
+    overCollapse,
+    stopPopup,
+  },
+  data() {
+    return {
+      // tab激活项
+      tabActive:'',
+
+      data:{
+        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
+      },
+
+      // 底部按钮
+      btnList:[
+        {
+          text: this.$lwLanguage.get('','完成加工'),
+          click: this.overProcess
+        },
+        {
+          text: this.$lwLanguage.get('','分批加工'),
+          click: this.batchProcess
+        },
+        {
+          text: this.$lwLanguage.get('','暂停'),
+          click: () => this.stopPopupShow = true
+        },
+      ],
+
+      // 暂停任务弹框
+      stopPopupShow: false
+    }
+  },
+  methods: {
+    // 完成加工
+    overProcess(){
+
+    },
+    // 分批加工
+    batchProcess(){
+
+    },
+
+    // 暂停弹框确认
+    stopPopupConfirm(obj){
+      console.log(obj,'暂停任务数据')
+
+      this.stopPopupShow = false
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/process/process/components/craftCollapse.vue

@@ -0,0 +1,130 @@
+<!--
+  工艺折叠框
+  @author: 张文
+  @date: 2022-08-12
+-->
+<template>
+  <div
+    style="padding: 5px 10px"
+    class="lw-global-model-box lw-global-collapse-box"
+  >
+    <van-collapse
+      v-model="collapseActive"
+      :border="false"
+    >
+      <van-collapse-item name="1">
+
+        <template #title>
+
+          <div class="lw-global-flex-between lw-global-row-start">
+
+            <div class="lw-global-value-bold">
+              {{ $lwLanguage.get('','工艺') }}
+            </div>
+
+            <lw-tag
+              style="flex-shrink: 0"
+              round
+              plain
+            >组装</lw-tag>
+
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','工艺编码')"
+            value="GY-001"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','工艺名称')"
+            value="工艺001"
+            is-row-end
+          />
+
+        </template>
+
+        <div
+          class="rank-item"
+          v-for="(i,k) in 3"
+          :key="k"
+        >
+          <div class="lw-global-row-start lw-global-title-left-line">
+            {{ $lwLanguage.get('','工序') }}
+            <span
+              style="display: inline-block;margin-left: 10px;font-size: 16px"
+              class="lw-global-value-bold-red"
+            >{{ k+1 }}</span>
+          </div>
+
+          <div class="lw-global-row">
+            <lw-img-look
+              :img-list="imgList"
+              :api-gat-src="false"
+            />
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','主要步骤')"
+            value="步骤"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','作业要点')"
+            value="作业要点"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','安全要点')"
+            value="安全要点"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','使用工具')"
+            value="使用工具"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','标准工时')"
+            value="10秒"
+            is-row-end
+          />
+
+        </div>
+      </van-collapse-item>
+    </van-collapse>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "craftCollapse",
+  data() {
+    return {
+      collapseActive: [],
+
+      imgList:[
+        'https://s1.ax1x.com/2022/08/12/vJq8YQ.md.jpg',
+        'https://s4.ax1x.com/2022/03/02/b8xlhF.md.jpg',
+        'https://s1.ax1x.com/2022/08/12/vJqEJH.md.jpg'
+      ]
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+.rank-item{
+  padding: 10px;
+  border-radius: 5px;
+  border: solid 1px #8A6C6C;
+
+  & + .rank-item{
+    margin-top: 10px;
+  }
+}
+
+</style>

package/src/components/page/process/process/components/dockInfo.vue

@@ -0,0 +1,79 @@
+<!--
+  加工执行 - 加工台信息
+  @author: 张文
+  @date: 2022-08-11
+-->
+<template>
+  <div class="lw-global-model-box">
+
+    <div class="lw-global-flex-between lw-global-row-start">
+
+      <lw-title-value-cell
+        style="flex: 1"
+        :title="$lwLanguage.get('','加工台')"
+        value="JG-001"
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-tag
+        style="flex-shrink: 0"
+        round
+        plain
+      >加工中</lw-tag>
+
+    </div>
+
+    <div class="lw-global-row">
+
+      <lw-tag
+        v-for="(i,k) in list"
+        :key="k"
+        round
+        plain
+        type="danger"
+      >{{ i }}</lw-tag>
+
+    </div>
+
+    <div class="lw-global-row-end lw-global-flex-start-start">
+
+      <div
+        style="flex-shrink: 0"
+        class="lw-global-title"
+      >
+        {{ $lwLanguage.get('','员工') }}
+      </div>
+
+      <div style="margin-left: 5px">
+
+        <lw-tag
+          v-for="(i,k) in list"
+          :key="k"
+          round
+          plain
+        >{{ i }}</lw-tag>
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "dockInfo",
+  data() {
+    return {
+      list: ['组装','包装','加工']
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/process/process/components/dockTaskInfo.vue

@@ -0,0 +1,192 @@
+<!--
+  线路任务详情
+  @author: 张文
+  @date: 2022-08-12
+-->
+<template>
+  <div
+    class="lw-global-animation-out dock-task-info-box"
+    :style="{animationDelay: 50 * index + 'ms'}"
+  >
+
+    <div @click="$emit('click')">
+      <div
+        :class="[
+        'lw-global-model-top-radius',
+        showClick ? 'lw-global-click-style' : ''
+      ]"
+      >
+
+        <div class="lw-global-row-start">
+
+          <div class="lw-global-value-bold">{{ item.taskNum }}</div>
+
+          <div style="margin-top: 5px">
+
+            <lw-tag
+              v-for="(i,k) in item.lot"
+              :key="k"
+              plain
+              round
+            >{{ i }}</lw-tag>
+
+          </div>
+
+        </div>
+
+        <div class="lw-global-row lw-global-flex-between">
+
+          <lw-title-value-cell
+            style="flex: 1"
+            :title="$lwLanguage.get('','单号')"
+            :value="item.orderCode"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-tag
+            style="flex-shrink: 0"
+            round
+            plain
+          >{{ item.statusLabel }}</lw-tag>
+
+        </div>
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('','货主')"
+          :value="(item.ownerCode || '-') + ' / ' + (item.ownerName || '-')"
+          val-bold
+        />
+
+        <div class="lw-global-row-end lw-global-flex-start-start">
+
+          <div
+            style="flex-shrink: 0"
+            class="lw-global-title"
+          >{{ $lwLanguage.get('','BOM') }}</div>
+
+          <div style="flex: 1;margin-left: 5px">
+
+            <div class="lw-global-value-bold">{{ item.bomCode }}</div>
+            <div class="lw-global-title">{{ item.bomName }}</div>
+
+          </div>
+
+        </div>
+
+        <!-- 进度条 -->
+        <van-progress
+          style="margin: 15px 0 5px 0"
+          stroke-width="8"
+          :percentage="Number(item.rate || 0)"
+          color="linear-gradient(90deg, #FF8E8F 0%, #C5000A 100%)"
+        />
+
+        <div class="lw-global-row lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','开始时间')"
+            :value="$lwDate.format(item.startTime,'hh:mm')"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','预计完成')"
+            :value="$lwDate.format(item.endTime,'hh:mm')"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+        <div class="lw-global-row-end lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','标准工时')"
+            :value="item.time + $lwLanguage.get('','分钟')"
+            val-bold
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','目前用时')"
+            :value="$lwDate.timeToStr({l:item.startTime,minType:'min'}).text"
+            val-bold
+            :is-row="false"
+          />
+
+        </div>
+
+      </div>
+
+      <lw-data-look-bg
+        :type="lookDataType"
+      >
+        <div>
+          <div>{{ item.plan }}</div>
+          <div>{{ $lwLanguage.get('','计划量') }}</div>
+        </div>
+
+        <div>
+          <div>{{ item.over }}</div>
+          <div>{{ $lwLanguage.get('','已加工') }}</div>
+        </div>
+
+        <div style="color: #eeee20">
+          <div>{{ item.ing }}</div>
+          <div>{{ $lwLanguage.get('','待加工') }}</div>
+        </div>
+
+        <div>
+          <div>{{ item.setout }}%</div>
+          <div>{{ $lwLanguage.get('','备料') }}</div>
+        </div>
+
+      </lw-data-look-bg>
+    </div>
+
+    <slot name="bottom"></slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "dockTaskInfo",
+  props:{
+    item:{
+      type:Object,
+      default: () => {}
+    },
+    index:{
+      type: Number,
+      default: 0
+    },
+    lookDataType:{
+      type: String,
+      default: 'bottom'
+    },
+    // 是否显示点击动画
+    showClick:{
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+.dock-task-info-box{
+
+
+  & + .dock-task-info-box{
+    margin-top: 10px;
+  }
+}
+</style>