mes托盘变更

src/pages.json

@@ -175,6 +175,14 @@
         "navigationStyle": "custom", // 隐藏系统导航栏
         "navigationBarTextStyle": "white" // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一
       }
+    },
+    {
+      "path": "pages/mes/PalletChange/index",
+      "style": {
+        "navigationBarTitleText": "托盘变更",
+        "navigationStyle": "custom", // 隐藏系统导航栏
+        "navigationBarTextStyle": "white" // 状态栏字体为白色，只能为 white-白色，black-黑色 二选一
+      }
     }
   ],
   "globalStyle": {

src/pages/mes/PalletChange/index.vue

@@ -0,0 +1,136 @@
+<template>
+  <view class="page-product-receipt">
+    <view class="header" :style="{ backgroundColor: `rgba(250, 53, 52, ${scrollTop / 100})` }">
+      <view class="left">
+        <u-icon class="icon" name="arrow-left" @click="uni.navigateBack({})" />
+      </view>
+      <view class="title">托盘变更</view>
+      <view class="right"></view>
+    </view>
+    <u-form class="form" ref="form" label-width="180rpx">
+      <!-- 单号 -->
+      <view class="single">
+        <view class="single-left">
+          <view>rfid:</view>
+          <u-search placeholder="请扫描" v-model="orderNo" @search="query" :show-action="false"></u-search>
+        </view>
+        <view class="single-right">
+          <u-button type="primary" @click="query">提交</u-button>
+        </view>
+      </view>
+    </u-form>
+  </view>
+</template>
+<script lang="ts">
+import { Component } from 'vue-property-decorator';
+import { BasePage } from '@/components/base/page';
+import model from './model';
+//import { session } from '@/store/modules/session';
+//import store from '@/store';
+@Component({})
+export default class PalletChange extends BasePage {
+  model = model;
+  // remove: any = {};
+  // async onReady() {
+  //   await this.model.queryLocation();
+  //   this.remove = this.model.WlList[0];
+  // }
+  // selectItem(e: any) {
+  //   this.remove = e.pickerName;
+  // }
+  orderNo: any = '';
+  async query() {
+    if (this.orderNo == '' || this.orderNo.length == 0) {
+      this.customToast('请输入nficl');
+      return;
+    }
+    await this.model.queryOrderNo(this.orderNo);
+  }
+}
+</script>
+<style lang="scss" scoped>
+.page-product-receipt {
+  background: #f2f2f2 linear-gradient(0deg, #f2f2f2 0%, #f8262c 51%, #d9001b 100%) no-repeat;
+  background-size: 100% 600rpx;
+  padding: 118rpx 30rpx 162rpx;
+  min-height: 100%;
+
+  .header {
+    position: fixed;
+    top: 0rpx;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    display: flex;
+    height: 120rpx;
+    line-height: 88rpx;
+    color: #fff;
+    font-size: 34rpx;
+    font-weight: 500;
+    text-align: center;
+    padding: 45rpx 0rpx 0rpx;
+    .title {
+      flex: 3;
+    }
+
+    .left,
+    .right {
+      flex: 1;
+    }
+
+    .icon {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 88rpx;
+      height: 88rpx;
+    }
+  }
+
+  .form {
+    background-color: #fff;
+    padding: 40rpx;
+    border-radius: 10rpx;
+    box-shadow: 0 0 20rpx 0 rgba(128, 128, 128, 0.2);
+
+    .u-form-item {
+      padding: 30rpx 0;
+      line-height: 35rpx;
+
+      .Transfer {
+        width: 280rpx;
+        height: 64rpx;
+        background: rgb(242, 242, 242);
+        border-radius: 110rpx;
+      }
+    }
+
+    .single {
+      width: 100%;
+      height: 100rpx;
+      display: flex;
+
+      .single-left {
+        width: 80%;
+        height: 100%;
+        display: flex;
+
+        view {
+          width: 142rpx;
+          height: 100%;
+          line-height: 100rpx;
+        }
+      }
+
+      .single-right {
+        button {
+          margin-top: 15rpx;
+          width: 140rpx;
+          height: 70rpx;
+          background-color: #fa3534;
+        }
+      }
+    }
+  }
+}
+</style>

src/pages/mes/PalletChange/model.ts

@@ -0,0 +1,33 @@
+import { getModule, Module, MutationAction, VuexModule } from 'vuex-module-decorators';
+import store from '@/store';
+import http from '@/utils/request';
+import { url } from '@/utils/url';
+import { session } from '@/store/modules/session';
+@Module({
+  namespaced: true,
+  dynamic: true,
+  store,
+  name: 'page.raw.ingoods.SpareInbound.sparePartsShelves',
+})
+export class PalletChange extends VuexModule {
+  orderNoItemList: any = [];
+  @MutationAction
+  async queryOrderNo(orderNo: any) {
+    const result: any = await http.get(url.lanjumes.product.getInfoByRfid, {
+      //loginName: session.loginName,
+      params: {
+        factoryCode: session.FactoryCode,
+        rfid: orderNo,
+      },
+    });
+    const orderNoItemList = result.data;
+    return { orderNoItemList };
+  }
+  @MutationAction
+  async empty() {
+    const orderNoItemList = [];
+    return { orderNoItemList };
+  }
+}
+
+export default getModule(PalletChange);