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

package/src/components/page/container/rentBack/content/index.vue

@@ -0,0 +1,218 @@
+<!--
+  租赁归还 - 详情
+  @author: 张文
+  @date: 2022-12-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','租赁归还详情')"/>
+
+    <div class="lw-global-page-box">
+
+      <rent-info
+        :item="repairInfo"
+        show-update
+      />
+
+      <div style="padding: 5px 10px;margin-bottom: 10px" class="lw-global-model-box">
+        <lw-input
+          :title="$lwLanguage.get('','容器号')"
+          v-model="search"
+          rule-key="container"
+          :create-rule="$lwScanRule.create('容器管理 - 租赁归还详情 - 搜索框','CONTAINER')"
+          :show-bottom-border="false"
+          @confirm="searchConfirm"
+        >
+          <template #button>
+
+            <lw-button
+              mini
+              round
+              @click="searchConfirm"
+            >
+              {{ $lwLanguage.get('','搜索') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+      </div>
+
+      <lw-tab-box>
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+        >
+
+          <van-tab
+            v-if="repairInfo.billStatus !== '600'"
+            name="wait"
+          >
+
+            <template #title>
+              <div class="lw-global-tip-box">
+                <span>{{ $lwLanguage.get('','待完成') }}</span>
+                <span
+                  class="lw-global-tip"
+                >{{ $lwTip(wait.pageTotal) }}</span>
+              </div>
+            </template>
+
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in wait.list"
+              :key="k"
+              style="padding: 5px 10px"
+            >
+
+              <span class="lw-global-value-bold">{{ i.containerCode }} / </span>
+              <span class="lw-global-title">{{ i.containerSkuName }}</span>
+
+            </div>
+
+            <lw-pagination
+              v-model="wait.pageNum"
+              :page-size.sync="wait.pageSize"
+              :page-total="wait.pageTotal"
+              @change="waitPageChange"
+            />
+            <lw-not-data v-if="!wait.list.length"/>
+
+          </van-tab>
+
+          <van-tab name="over">
+
+            <template #title>
+              <div class="lw-global-tip-box">
+                <span>{{ $lwLanguage.get('','已完成') }}</span>
+                <span
+                  class="lw-global-tip"
+                >{{ $lwTip(over.pageTotal) }}</span>
+              </div>
+            </template>
+
+            <container-info
+              class="lw-global-model-box"
+              style="padding: 5px 10px"
+              v-for="(i,k) in over.list"
+              :key="k"
+              :item="i"
+              show-state
+            />
+
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="overPageChange"
+            />
+            <lw-not-data v-if="!over.list.length"/>
+
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import rentInfo from "../components/rentInfo.vue";
+import containerInfo from "../components/containerInfo.vue";
+import {
+  projectWmsPDAContainerRentOrderQueryContainer,
+  projectWmsPDAContainerRentOrderQueryDetail
+} from "../../../../../api/container/rentBack";
+
+export default {
+  name: "lwContainerRentBackContentPage",
+  components:{
+    rentInfo,
+    containerInfo,
+  },
+  data() {
+    return {
+      repairInfo:{},
+
+      // 搜索输入框数据
+      search:'',
+      // 确认搜索的关键字
+      searchConfirmVal:'',
+
+      tabActive: '',
+
+      // 是否是已完成
+      isOver: false,
+
+
+      wait:{
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      over:{
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    async init(){
+      this.repairInfo = await projectWmsPDAContainerRentOrderQueryDetail({
+        rentId: this.$route.query.rentId
+      })
+      this.repairInfo.billStatus !== '600' && this.getDataList('wait')
+      this.getDataList('over')
+    },
+
+    // 获取待完成和已完成的数据
+    getDataList(type){
+      projectWmsPDAContainerRentOrderQueryContainer({
+        rentId: this.$route.query.rentId,
+        type: type === 'wait' ? '1' : '2',
+        containerCode: this.searchConfirmVal,
+        pageNum: this[type].pageNum,
+        pageSize: this[type].pageSize,
+      }).then(res=>{
+        this[type].list = res.datas
+        this[type].pageTotal = res.total
+      })
+    },
+
+    // 确认搜索
+    searchConfirm(){
+      this.searchConfirmVal = this.search
+      this.wait.pageNum = 1
+      this.over.pageNum = 1
+
+      this.repairInfo.billStatus !== '600' && this.getDataList('wait')
+      this.getDataList('over')
+    },
+
+    // 待完成页码变化
+    waitPageChange(){
+      this.getDataList('wait')
+    },
+
+    // 已完成页码变化
+    overPageChange(){
+      this.getDataList('over')
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/rentBack/index/index.js

@@ -0,0 +1,11 @@
+/*
+* 租赁归还 - 起始页
+* @author: 张文
+* @date: 2022-12-22
+* */
+
+import lwContainerRentBackIndexPage from "./index.vue";
+
+lwContainerRentBackIndexPage.install = Vue => Vue.component(lwContainerRentBackIndexPage.name, lwContainerRentBackIndexPage)
+
+export default lwContainerRentBackIndexPage

package/src/components/page/container/rentBack/index/index.vue

@@ -0,0 +1,227 @@
+<!--
+  租赁归还 - 起始页
+  @author: 张文
+  @date: 2022-12-22
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','租赁归还列表')"/>
+
+
+
+    <div class="lw-global-page-box">
+
+      <lw-tab-box>
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            :title="$lwLanguage.get('','待完成')"
+            name="wait"
+          >
+
+            <div style="padding: 3px 10px" class="lw-global-model-box">
+
+              <lw-input
+                :placeholder="$lwLanguage.get('','搜索容器号/输入租赁单号/外部单号')"
+                v-model="wait.search"
+                :show-bottom-border="false"
+                rule-key="order"
+                :create-rule="$lwScanRule.create('容器管理 - 租赁归还列表 - 搜索框','CONTAINER')"
+                @confirm="waitSearch"
+              >
+
+                <template #button>
+                  <lw-button
+                    mini
+                    round
+                    @click="waitSearch"
+                  >
+                    {{ $lwLanguage.get('','搜索') }}
+                  </lw-button>
+                </template>
+
+              </lw-input>
+
+            </div>
+
+            <rent-info
+              v-for="(i,k) in wait.list"
+              :key="k"
+              :item="i"
+              show-start
+              @click="itemClick(i.rentId)"
+            />
+            <lw-pagination
+              v-model="wait.pageNum"
+              :page-size.sync="wait.pageSize"
+              :page-total="wait.pageTotal"
+              @change="waitPageChange"
+            />
+            <lw-not-data v-if="!wait.list.length"/>
+
+          </van-tab>
+
+          <van-tab
+            :title="$lwLanguage.get('','已完成')"
+            name="over"
+          >
+
+            <div style="padding: 3px 10px" class="lw-global-model-box">
+
+              <lw-input
+                :placeholder="$lwLanguage.get('','搜索容器号/输入租赁单号/外部单号')"
+                v-model="over.search"
+                :show-bottom-border="false"
+                rule-key="order"
+                :create-rule="$lwScanRule.create('容器管理 - 租赁归还列表 - 搜索框','CONTAINER')"
+                @confirm="overSearch"
+              >
+
+                <template #button>
+                  <lw-button
+                    mini
+                    round
+                    @click="overSearch"
+                  >
+                    {{ $lwLanguage.get('','搜索') }}
+                  </lw-button>
+                </template>
+
+              </lw-input>
+
+            </div>
+
+            <rent-info
+              v-for="(i,k) in over.list"
+              :key="k"
+              :item="i"
+              @click="itemClick(i.rentId)"
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="overPageChange"
+            />
+            <lw-not-data v-if="!over.list.length"/>
+
+          </van-tab>
+        </van-tabs>
+
+      </lw-tab-box>
+
+    </div>
+
+    <lw-bottom-bar v-if="tabActive==='wait'">
+      <lw-button @click="rentBack">
+        {{ $lwLanguage.get('','租赁归还') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import rentInfo from "../components/rentInfo.vue";
+import {projectWmsPDAContainerRentOrderReturnPage} from "../../../../../api/container/rentBack";
+
+export default {
+  name: "lwContainerRentBackIndexPage",
+  components:{
+    rentInfo
+  },
+  data() {
+    return {
+
+      tabActive:'wait',
+
+      wait:{
+        search:'',
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      over:{
+        search:'',
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(){
+      projectWmsPDAContainerRentOrderReturnPage({
+        queryKey: this[this.tabActive].search,
+        pageNum: this[this.tabActive].pageNum,
+        pageSize: this[this.tabActive].pageSize,
+        type: this.tabActive==='wait' ? '1' : '2'
+      }).then(res=>{
+        this[this.tabActive].pageTotal = res.total
+        this[this.tabActive].list = res.datas
+      })
+    },
+
+    // tab切换
+    tabChange(){
+      if (!this[this.tabActive].list.length) this.getData()
+    },
+
+    // 待完成搜索
+    waitSearch(){
+      this.wait.pageNum = 1
+      this.getData()
+    },
+    // 待完成页码变化
+    waitPageChange(){
+      this.getData()
+    },
+
+    // 已完成搜索
+    overSearch(){
+      this.over.pageNum = 1
+      this.getData()
+    },
+    // 已完成页码变化
+    overPageChange(){
+      this.getData()
+    },
+
+    // 维修归还 - 执行
+    rentBack(){
+      this.$router.push({
+        path:'/container/rentBack/lwAction'
+      })
+    },
+
+    // 数据项点击
+    itemClick(rentId){
+
+      this.$router.push({
+        path:'/container/rentBack/lwContent',
+        query:{
+          rentId
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/repairBack/aciton/index.js

@@ -0,0 +1,11 @@
+/*
+* 维修归还 - 执行页
+* @author: 张文
+* @date: 2022-12-21
+* */
+
+import lwContainerRepairBackActionPage from "./index.vue";
+
+lwContainerRepairBackActionPage.install = Vue => Vue.component(lwContainerRepairBackActionPage.name, lwContainerRepairBackActionPage)
+
+export default lwContainerRepairBackActionPage