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

package/src/components/page/inner/movePutAway/index/index.vue

@@ -1,363 +1,363 @@
-<!--
-  移动上架
-  @author: 鲍珺
-  @date: 2022-06-28
--->
-<template>
-  <div>
-    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.movePutAway.title','移动上架')"/>
-    <div class="lw-global-page-box">
-      <div class="lw-global-model-box">
-        <lw-input
-          :title="$lwLanguage.get('wms_project.pda.movePutAway.lpn','容器号')"
-          v-model="lpn.value"
-          :get-focus.sync="lpn.focus"
-          required
-          @confirm="lpnConfirm">
-          <template #button>
-            <lw-button
-                mini
-                @click="seoClick"
-            >{{ $lwLanguage.get('wms_project.pda.movePutAway.seo','查询') }}</lw-button>
-            <lw-button
-                mini
-                plain
-                type="last"
-                @click="resetClick"
-            >{{ $lwLanguage.get('wms_project.pda.movePutAway.reset','重置') }}</lw-button>
-          </template>
-        </lw-input>
-      </div>
-
-      <template v-if="taskList.length > 0">
-        <!-- 数据 -->
-        <div
-          class="lw-global-model-box lw-global-click-style lw-global-animation-out"
-          v-for="(i, k) in taskList"
-          :key="i.taskId"
-          :style="{animationDelay: k * 50 + 'ms'}"
-          @click="taskItemClick(i)"
-        >
-
-          <!-- 头部 -->
-          <div class="lw-global-flex-between lw-global-bottom-border lw-task-page-order-title">
-            <img style="width: 50px;margin-right: 5px" src="../../../../../assets/img/taskOrder.png" alt="">
-
-            <div style="flex: 1">
-              <div style="font-weight: bold;margin-bottom: 5px">{{ i.task.taskNo }}</div>
-              <div style="font-size: 12px">
-                已过 <span class="lw-global-title">{{ $lwDate.timeToStr({l:i.taskReceiveTime || i.taskCreateTime}).text }}</span>
-              </div>
-            </div>
-
-            <van-icon name="arrow"/>
-          </div>
-
-          <!-- 数据显示 -->
-          <div
-              v-if="i.content"
-              class="lw-task-page-order-body"
-          >
-            <!-- 标签 -->
-            <div v-if="i.content.tags && i.content.tags.length" style="padding: 5px 0">
-              <lw-tag
-                  v-for="ini in i.content.tags"
-                  :key="ini"
-                  type="danger"
-                  plain
-                  round
-              >{{ ini }}</lw-tag>
-            </div>
-
-            <!-- 任务内容 -->
-            <div
-                class="lw-global-flex-start lw-task-page-task-box"
-                v-for="(ini,ink) in i.content.itemContent"
-                :key="ink"
-            >
-              <div class="lw-global-title lw-task-page-task-title">{{ ink }}:</div>
-              <div class="lw-global-value">{{ ini }}</div>
-            </div>
-          </div>
-
-          <!-- 基本信息 -->
-          <div class="lw-global-flex-between lw-task-page-order-end">
-            <div>{{ userName(i.staffList) }}</div>
-            <div>
-              <span v-if="i.taskStartTime" >
-                  <span style="font-weight: normal">{{ $lwLanguage.get('wms_project.pda.common.task.duration', '已耗时') }} </span>
-                  {{ $lwDate.timeToStr({l:i.taskStartTime}).text }}
-                </span>
-              <span v-else style="font-weight: normal">
-                  {{ $lwLanguage.get('wms_project.pda.common.task.notStart', '任务未开始') }}
-                </span>
-            </div>
-          </div>
-        </div>
-      </template>
-
-      <lw-not-data v-else/>
-    </div>
-
-    <!-- 任务详情查看 -->
-    <lw-popup
-        v-model="taskPopup.show"
-        :show-off-btn="false"
-        height="auto"
-        :title="$lwLanguage.get('wms_project.pda.common.task.details', '任务详情')"
-        @open="popupOpen"
-        @closed="popupClosed"
-    >
-      <template v-if="Object.keys(taskPopup.data).length">
-        <!-- 头部 -->
-        <div class="lw-global-flex-between lw-global-bottom-border lw-task-page-order-title">
-
-          <img style="width: 50px;margin-right: 5px" src="../../../../../assets/img/taskOrder.png" alt="">
-
-          <div style="flex: 1">
-            <div style="font-weight: bold;margin-bottom: 5px">{{ taskPopup.data.task.taskNo }}</div>
-            <div style="font-size: 12px">
-              {{ $lwLanguage.get('wms_project.pda.common.task.formerly', '已过') }}
-              <span class="lw-global-title">
-                {{ $lwDate.timeToStr({l:taskPopup.data.taskReceiveTime || taskPopup.data.taskCreateTime}).text }}
-              </span>
-            </div>
-          </div>
-
-        </div>
-
-        <!-- 数据显示 -->
-        <div class="lw-task-page-order-body">
-          <!-- 标签 -->
-          <div v-if="taskPopup.data.content.tags.length" style="padding: 5px 0">
-            <lw-tag
-                v-for="ini in taskPopup.data.content.tags"
-                :key="ini"
-                type="danger"
-                plain
-                round
-            >{{ ini }}</lw-tag>
-          </div>
-
-          <!-- 任务内容 -->
-          <div
-              class="lw-global-flex-start lw-task-page-task-box"
-              v-for="(ini,k) in taskPopup.data.content.detailContent"
-              :key="k"
-          >
-            <div class="lw-global-title lw-task-page-task-title">{{ k }}:</div>
-            <div class="lw-global-value">{{ ini }}</div>
-          </div>
-        </div>
-      </template>
-
-      <template #button>
-        <lw-button
-            class="lw-global-animation-rotate"
-            @click="startTask"
-        >{{ $lwLanguage.get('wms_project.pda.common.task.startTask', '执行任务') }}</lw-button>
-      </template>
-    </lw-popup>
-  </div>
-</template>
-
-<script>
-
-import {wmsQueryMoveUpTasks} from "../../../../../api/inner/move/taskMove";
-
-export default {
-  name: "lwMovePutAwayPage",
-  data() {
-    return {
-      // 托盘号
-      lpn:{
-        value:"",
-        focus: true
-      },
-
-      // 任务数据
-      taskList: [],
-
-      // 查看任务弹出框
-      taskPopup:{
-        show:false,
-        data:{},
-        isJump: false
-      },
-    }
-  },
-
-  methods: {
-    // 获取员工姓名
-    userName(i){
-      if (!Array.isArray(i)) return
-
-      return i.map(item=>item.staffName).join('/')
-    },
-
-    // 托盘号确认
-    lpnConfirm(){
-      this.lpnCheck() && this.seoClick()
-    },
-    // 托盘号校验
-    lpnCheck(){
-      if (this.lpn.value) return true
-
-      this.$lwShowErrorMsg(
-        this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveIndex.lpnNull','托盘号不能为空')
-      )
-      this.lpn.focus = true
-      return false
-    },
-
-    // 重置按钮
-    resetClick() {
-      this.lpn.value = ''
-      this.taskList = []
-    },
-    // 查询按钮
-    seoClick() {
-      if (!this.lpnCheck()) return
-
-      wmsQueryMoveUpTasks({
-        lpn: this.lpn.value
-      }).then(res=>{
-        // 判断是否查询到任务
-        if (!res || res.length === 0){
-          this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.lwPutAwayMovePage.notTask','没有查询到可执行的移动任务')
-          )
-          return
-        }
-
-        this.taskList = res
-      })
-    },
-
-    // 任务被点击
-    taskItemClick(item){
-      if (!item || !item.content){
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get('wms_project.pda.common.task.taskNull','任务详情数据为空，请确保数据配置正确！')
-        )
-        console.error('任务数据为空，不能有效展示:', item)
-        return
-      }
-
-      this.taskPopup.show = true
-      this.taskPopup.data = item
-    },
-
-    // 弹出框打开
-    popupOpen(){
-      clearTimeout(this.autoTimer)
-    },
-    // 弹出框关闭
-    popupClosed(){
-      if (this.taskPopup.isJump){
-        this.taskPopup.isJump = false
-      }else {
-        this.init(false)
-      }
-    },
-    // 执行任务
-    startTask(){
-      if (!this.taskPopup.data.task.taskPage){
-        this.$lwShowErrorMsg(
-            this.$lwLanguage.get(
-                'wms_project.pda.common.task.taskNotSet',
-                '作业任务配置项未配置'
-            ) + ':' + (this.taskPopup.data.task.operationTypeLabel || '当前')
-        )
-        return
-      }
-
-      this.taskPopup.isJump = true
-
-      this.$lwApi.task.startTask({
-        taskId: this.taskPopup.data.taskId,
-        checkAssign:true
-      }).then(() => {
-        this.taskPopup.show = false
-        setTimeout(()=>{
-          this.$router.push({
-            path: this.taskPopup.data.task.taskPage,
-            query:{
-              lwTaskId: this.taskPopup.data.taskId,
-              lwComeFrom:'task',
-              lwTaskNo: this.taskPopup.data.task.taskNo,
-              tabActive: 'up'
-            }
-          })
-        },1)
-      }).catch(()=>this.taskPopup.isJump = false)
-    },
-  }
-}
-</script>
-
-<style scoped lang="less">
-
-
-.lw-task-page-look-box{
-  position: relative;
-
-
-  >img{
-    width: 100%;
-  }
-
-  .lw-task-page-look-boss{
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    color: #fff;
-  }
-}
-
-
-.lw-task-page-look-item{
-  flex-direction: column;
-  height: 70%;
-}
-
-.lw-task-page-look-item-title{
-  font-size: 14px;
-}
-
-.lw-task-page-look-line{
-  width: 1px;
-  height: 30%;
-  background: #fff;
-  border: 2px;
-  overflow: hidden;
-}
-
-
-.lw-task-page-order-title{
-  font-size: 14px;
-}
-.lw-task-page-order-body{
-  padding: 10px 0;
-}
-.lw-task-page-order-end{
-  font-size: 12px;
-  font-weight: bold;
-  padding-top: 10px;
-  border-top: 1px solid #F0F0F0;
-}
-
-
-.lw-task-page-task-box{
-  margin: 5px 0;
-
-  .lw-task-page-task-title{
-    text-align: right;
-    width: 80px;
-    flex-shrink: 0;
-    align-self: self-start;
-  }
-}
-</style>
+<!--
+  移动上架
+  @author: 鲍珺
+  @date: 2022-06-28
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('wms_project.pda.movePutAway.title','移动上架')"/>
+    <div class="lw-global-page-box">
+      <div class="lw-global-model-box">
+        <lw-input
+          :title="$lwLanguage.get('wms_project.pda.movePutAway.lpn','容器号')"
+          v-model="lpn.value"
+          :get-focus.sync="lpn.focus"
+          required
+          @confirm="lpnConfirm">
+          <template #button>
+            <lw-button
+                mini
+                @click="seoClick"
+            >{{ $lwLanguage.get('wms_project.pda.movePutAway.seo','查询') }}</lw-button>
+            <lw-button
+                mini
+                plain
+                type="last"
+                @click="resetClick"
+            >{{ $lwLanguage.get('wms_project.pda.movePutAway.reset','重置') }}</lw-button>
+          </template>
+        </lw-input>
+      </div>
+
+      <template v-if="taskList.length > 0">
+        <!-- 数据 -->
+        <div
+          class="lw-global-model-box lw-global-click-style lw-global-animation-out"
+          v-for="(i, k) in taskList"
+          :key="i.taskId"
+          :style="{animationDelay: k * 50 + 'ms'}"
+          @click="taskItemClick(i)"
+        >
+
+          <!-- 头部 -->
+          <div class="lw-global-flex-between lw-global-bottom-border lw-task-page-order-title">
+            <img style="width: 50px;margin-right: 5px" src="../../../../../assets/img/taskOrder.png" alt="">
+
+            <div style="flex: 1">
+              <div style="font-weight: bold;margin-bottom: 5px">{{ i.task.taskNo }}</div>
+              <div style="font-size: 12px">
+                已过 <span class="lw-global-title">{{ $lwDate.timeToStr({l:i.taskReceiveTime || i.taskCreateTime}).text }}</span>
+              </div>
+            </div>
+
+            <van-icon name="arrow"/>
+          </div>
+
+          <!-- 数据显示 -->
+          <div
+              v-if="i.content"
+              class="lw-task-page-order-body"
+          >
+            <!-- 标签 -->
+            <div v-if="i.content.tags && i.content.tags.length" style="padding: 5px 0">
+              <lw-tag
+                  v-for="ini in i.content.tags"
+                  :key="ini"
+                  type="danger"
+                  plain
+                  round
+              >{{ ini }}</lw-tag>
+            </div>
+
+            <!-- 任务内容 -->
+            <div
+                class="lw-global-flex-start lw-task-page-task-box"
+                v-for="(ini,ink) in i.content.itemContent"
+                :key="ink"
+            >
+              <div class="lw-global-title lw-task-page-task-title">{{ ink }}:</div>
+              <div class="lw-global-value">{{ ini }}</div>
+            </div>
+          </div>
+
+          <!-- 基本信息 -->
+          <div class="lw-global-flex-between lw-task-page-order-end">
+            <div>{{ userName(i.staffList) }}</div>
+            <div>
+              <span v-if="i.taskStartTime" >
+                  <span style="font-weight: normal">{{ $lwLanguage.get('wms_project.pda.common.task.duration', '已耗时') }} </span>
+                  {{ $lwDate.timeToStr({l:i.taskStartTime}).text }}
+                </span>
+              <span v-else style="font-weight: normal">
+                  {{ $lwLanguage.get('wms_project.pda.common.task.notStart', '任务未开始') }}
+                </span>
+            </div>
+          </div>
+        </div>
+      </template>
+
+      <lw-not-data v-else/>
+    </div>
+
+    <!-- 任务详情查看 -->
+    <lw-popup
+        v-model="taskPopup.show"
+        :show-off-btn="false"
+        height="auto"
+        :title="$lwLanguage.get('wms_project.pda.common.task.details', '任务详情')"
+        @open="popupOpen"
+        @closed="popupClosed"
+    >
+      <template v-if="Object.keys(taskPopup.data).length">
+        <!-- 头部 -->
+        <div class="lw-global-flex-between lw-global-bottom-border lw-task-page-order-title">
+
+          <img style="width: 50px;margin-right: 5px" src="../../../../../assets/img/taskOrder.png" alt="">
+
+          <div style="flex: 1">
+            <div style="font-weight: bold;margin-bottom: 5px">{{ taskPopup.data.task.taskNo }}</div>
+            <div style="font-size: 12px">
+              {{ $lwLanguage.get('wms_project.pda.common.task.formerly', '已过') }}
+              <span class="lw-global-title">
+                {{ $lwDate.timeToStr({l:taskPopup.data.taskReceiveTime || taskPopup.data.taskCreateTime}).text }}
+              </span>
+            </div>
+          </div>
+
+        </div>
+
+        <!-- 数据显示 -->
+        <div class="lw-task-page-order-body">
+          <!-- 标签 -->
+          <div v-if="taskPopup.data.content.tags.length" style="padding: 5px 0">
+            <lw-tag
+                v-for="ini in taskPopup.data.content.tags"
+                :key="ini"
+                type="danger"
+                plain
+                round
+            >{{ ini }}</lw-tag>
+          </div>
+
+          <!-- 任务内容 -->
+          <div
+              class="lw-global-flex-start lw-task-page-task-box"
+              v-for="(ini,k) in taskPopup.data.content.detailContent"
+              :key="k"
+          >
+            <div class="lw-global-title lw-task-page-task-title">{{ k }}:</div>
+            <div class="lw-global-value">{{ ini }}</div>
+          </div>
+        </div>
+      </template>
+
+      <template #button>
+        <lw-button
+            class="lw-global-animation-rotate"
+            @click="startTask"
+        >{{ $lwLanguage.get('wms_project.pda.common.task.startTask', '执行任务') }}</lw-button>
+      </template>
+    </lw-popup>
+  </div>
+</template>
+
+<script>
+
+import {wmsQueryMoveUpTasks} from "../../../../../api/inner/move/taskMove";
+
+export default {
+  name: "lwMovePutAwayPage",
+  data() {
+    return {
+      // 托盘号
+      lpn:{
+        value:"",
+        focus: true
+      },
+
+      // 任务数据
+      taskList: [],
+
+      // 查看任务弹出框
+      taskPopup:{
+        show:false,
+        data:{},
+        isJump: false
+      },
+    }
+  },
+
+  methods: {
+    // 获取员工姓名
+    userName(i){
+      if (!Array.isArray(i)) return
+
+      return i.map(item=>item.staffName).join('/')
+    },
+
+    // 托盘号确认
+    lpnConfirm(){
+      this.lpnCheck() && this.seoClick()
+    },
+    // 托盘号校验
+    lpnCheck(){
+      if (this.lpn.value) return true
+
+      this.$lwShowErrorMsg(
+        this.$lwLanguage.get('wms_project.pda.inbound.lpnMoveIndex.lpnNull','托盘号不能为空')
+      )
+      this.lpn.focus = true
+      return false
+    },
+
+    // 重置按钮
+    resetClick() {
+      this.lpn.value = ''
+      this.taskList = []
+    },
+    // 查询按钮
+    seoClick() {
+      if (!this.lpnCheck()) return
+
+      wmsQueryMoveUpTasks({
+        lpn: this.lpn.value
+      }).then(res=>{
+        // 判断是否查询到任务
+        if (!res || res.length === 0){
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.lwPutAwayMovePage.notTask','没有查询到可执行的移动任务')
+          )
+          return
+        }
+
+        this.taskList = res
+      })
+    },
+
+    // 任务被点击
+    taskItemClick(item){
+      if (!item || !item.content){
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get('wms_project.pda.common.task.taskNull','任务详情数据为空，请确保数据配置正确！')
+        )
+        console.error('任务数据为空，不能有效展示:', item)
+        return
+      }
+
+      this.taskPopup.show = true
+      this.taskPopup.data = item
+    },
+
+    // 弹出框打开
+    popupOpen(){
+      clearTimeout(this.autoTimer)
+    },
+    // 弹出框关闭
+    popupClosed(){
+      if (this.taskPopup.isJump){
+        this.taskPopup.isJump = false
+      }else {
+        this.init(false)
+      }
+    },
+    // 执行任务
+    startTask(){
+      if (!this.taskPopup.data.task.taskPage){
+        this.$lwShowErrorMsg(
+            this.$lwLanguage.get(
+                'wms_project.pda.common.task.taskNotSet',
+                '作业任务配置项未配置'
+            ) + ':' + (this.taskPopup.data.task.operationTypeLabel || '当前')
+        )
+        return
+      }
+
+      this.taskPopup.isJump = true
+
+      this.$lwApi.task.startTask({
+        taskId: this.taskPopup.data.taskId,
+        checkAssign:true
+      }).then(() => {
+        this.taskPopup.show = false
+        setTimeout(()=>{
+          this.$router.push({
+            path: this.taskPopup.data.task.taskPage,
+            query:{
+              lwTaskId: this.taskPopup.data.taskId,
+              lwComeFrom:'task',
+              lwTaskNo: this.taskPopup.data.task.taskNo,
+              tabActive: 'up'
+            }
+          })
+        },1)
+      }).catch(()=>this.taskPopup.isJump = false)
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+
+.lw-task-page-look-box{
+  position: relative;
+
+
+  >img{
+    width: 100%;
+  }
+
+  .lw-task-page-look-boss{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    color: #fff;
+  }
+}
+
+
+.lw-task-page-look-item{
+  flex-direction: column;
+  height: 70%;
+}
+
+.lw-task-page-look-item-title{
+  font-size: 14px;
+}
+
+.lw-task-page-look-line{
+  width: 1px;
+  height: 30%;
+  background: #fff;
+  border: 2px;
+  overflow: hidden;
+}
+
+
+.lw-task-page-order-title{
+  font-size: 14px;
+}
+.lw-task-page-order-body{
+  padding: 10px 0;
+}
+.lw-task-page-order-end{
+  font-size: 12px;
+  font-weight: bold;
+  padding-top: 10px;
+  border-top: 1px solid #F0F0F0;
+}
+
+
+.lw-task-page-task-box{
+  margin: 5px 0;
+
+  .lw-task-page-task-title{
+    text-align: right;
+    width: 80px;
+    flex-shrink: 0;
+    align-self: self-start;
+  }
+}
+</style>