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

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

@@ -0,0 +1,243 @@
+<!--
+  维修归还详情
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','维修归还详情')"/>
+
+    <div class="lw-global-page-box">
+
+      <repair-info
+        :item="repairInfo"
+        :is-over="isOver"
+        start-time
+        update-time
+      />
+
+      <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"
+          @change="tabChange"
+        >
+
+          <van-tab
+            v-if="!isOver"
+            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>
+
+            <container-info
+              class="lw-global-model-box"
+              style="padding: 3px 10px"
+              v-for="(i,k) in wait.list"
+              :key="k"
+              :item="i"
+            />
+            <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>
+
+            <div
+              class="lw-global-model-box"
+              v-for="(i,k) in over.list"
+              :key="k"
+              style="padding: 5px 10px"
+            >
+
+              <div>
+                <span class="lw-global-title">{{ i.containerCode }} / </span>
+                <span class="lw-global-value">{{ i.containerSkuName }}</span>
+              </div>
+
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','维修结果')"
+                :value="i.repairResultLabel"
+                val-bold
+                :is-row="false"
+              />
+
+            </div>
+
+            <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 repairInfo from "../components/repairInfo.vue";
+import containerInfo from "../components/containerInfo.vue";
+import {
+  projectWmsPDAContainerRepairOrderDetail,
+  projectWmsPDAContainerRepairOrderQueryLine
+} from "../../../../../api/container/repairBack";
+
+export default {
+  name: "lwContainerRepairBackContentPage",
+  components:{
+    repairInfo,
+    containerInfo,
+  },
+  data() {
+    return {
+      repairInfo:{},
+
+      search:'',
+      searchConfirmVal:'',
+
+      tabActive: '',
+
+      // 是否是已完成
+      isOver: false,
+
+
+      wait:{
+        list:[
+          {
+            name:'容器-001',
+            code:'RQ-100',
+            method:'部分完成',
+            remark:'备注',
+            img:[]
+          }
+        ],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      over:{
+        list:[
+          {
+            name:'容器-001',
+            code:'RQ-100',
+          }
+        ],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+    }
+  },
+  mounted() {
+    this.init()
+  },
+  methods: {
+    async init(){
+      this.repairInfo = await projectWmsPDAContainerRepairOrderDetail({
+        repairId: this.$route.query.repairId
+      })
+      this.isOver = this.repairInfo.billStatus === '600'
+      this.tabActive = this.isOver ? 'over' : 'wait'
+      this.searchConfirm()
+    },
+
+    // 确认搜索
+    searchConfirm(){
+      this.searchConfirmVal = this.search
+      this.wait.pageNum = 1
+      this.over.pageNum = 1
+      this.getLineData('over')
+      !this.isOver && this.getLineData('wait')
+    },
+
+    // 待完成页码变化
+    waitPageChange(){
+      this.getLineData('wait')
+    },
+
+    // 已完成页码变化
+    overPageChange(){
+      this.getLineData('over')
+    },
+
+
+    // 获取维修单明细
+    getLineData(type){
+      projectWmsPDAContainerRepairOrderQueryLine({
+        repairId: this.$route.query.repairId,
+        containerCode: this.searchConfirmVal,
+        pageNum: this[type].pageNum,
+        pageSize: this[type].pageSize,
+        type: type === 'wait' ? '1' : '2'
+      }).then(res=>{
+        this[type].pageTotal = res.total
+        this[type].list = res.datas
+      })
+    },
+    tabChange(){
+      !this[this.tabActive].list.length && this.getLineData(this.tabActive)
+    }
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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

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

@@ -0,0 +1,233 @@
+<!--
+  维修归还
+  @author: 张文
+  @date: 2022-12-21
+-->
+<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>
+
+            <repair-info
+              v-for="(i,k) in wait.list"
+              :key="k"
+              :item="i"
+              start-time
+              @click="itemClick(i.repairId)"
+            />
+            <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>
+
+            <repair-info
+              v-for="(i,k) in over.list"
+              :key="k"
+              :item="i"
+              is-over
+              end-time
+              @click="itemClick(i.repairId)"
+            />
+            <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="repairBack">
+        {{ $lwLanguage.get('','维修归还') }}
+      </lw-button>
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import repairInfo from "../components/repairInfo.vue";
+import {
+  projectWmsPDAContainerRepairOrderReturnFinishPage,
+  projectWmsPDAContainerRepairOrderReturnPage
+} from "../../../../../api/container/repairBack";
+
+export default {
+  name: "lwContainerRepairBackIndexPage",
+  components:{
+    repairInfo
+  },
+  data() {
+    return {
+      tabActive:'',
+
+      wait:{
+        search:'',
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+
+      over:{
+        search:'',
+        list:[],
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+      },
+    }
+  },
+  mounted() {
+    this.waitPageChange()
+  },
+  methods: {
+    // tab切换
+    tabChange(tab){
+      const has = !!this[tab].list.length
+      if (!has){
+        tab === 'over' ? this.overPageChange() : this.waitPageChange()
+      }
+    },
+
+    // 待完成搜索
+    waitSearch(){
+      this.wait.pageNum = 1
+      this.waitPageChange()
+    },
+    // 待完成页码变化
+    waitPageChange(){
+      projectWmsPDAContainerRepairOrderReturnPage({
+        queryKey: this.wait.search,
+        pageNum: this.wait.pageNum,
+        pageSize: this.wait.pageSize,
+      }).then(res=>{
+        this.wait.pageTotal = res.total
+        this.wait.list = res.datas
+      })
+    },
+
+    // 已完成搜索
+    overSearch(){
+      this.over.pageNum = 1
+      this.overPageChange()
+    },
+    // 已完成页码变化
+    overPageChange(){
+      projectWmsPDAContainerRepairOrderReturnFinishPage({
+        queryKey: this.over.search,
+        pageNum: this.over.pageNum,
+        pageSize: this.over.pageSize,
+      }).then(res=>{
+        this.over.pageTotal = res.total
+        this.over.list = res.datas
+      })
+    },
+
+    // 维修归还 - 执行
+    repairBack(){
+      this.$router.push({
+        path:'/container/repairBack/lwAction'
+      })
+    },
+
+    // 数据项点击
+    itemClick(repairId){
+
+      this.$router.push({
+        path:'/container/repairBack/lwContent',
+        query:{
+          repairId
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/repairRegister/components/addOrEditOrder.vue

@@ -0,0 +1,149 @@
+<!--
+  新增或编辑报修单
+  @author: 张文
+  @date: 2022-12-20
+-->
+<template>
+  <lw-popup
+    :title="title || $lwLanguage.get('','新建维修单')"
+    v-model="show"
+    @closed="popupOff"
+    @open="popupOpen"
+  >
+
+    <lw-cell-popup-radio
+      :title="$lwLanguage.get('','维修方式')"
+      required
+      v-model="fromData.repairMethod"
+      dict-key="WmsContainerRepairMethod"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','外部单号')"
+      v-model="fromData.extRepairNo"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','维修方')"
+      v-model="fromData.repairOrg"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','维修人')"
+      v-model="fromData.repairPeople"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','维修人电话')"
+      v-model="fromData.repairPhone"
+      type="digit"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','维修地址')"
+      v-model="fromData.repairAddress"
+    />
+
+    <lw-input
+      :title="$lwLanguage.get('','备注')"
+      v-model="fromData.remark"
+      type="textarea"
+      :rows="3"
+      :show-bottom-border="false"
+    />
+
+
+    <template #button>
+
+      <lw-button @click="confirm">
+        {{ $lwLanguage.get('','保存') }}
+      </lw-button>
+
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+export default {
+  name: "addOrEditOrder",
+  props:{
+    // 弹框标题
+    title: String,
+    // 是否显示
+    value:{
+      type: Boolean,
+      default: false
+    },
+    // 传入的数据
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+    // 保存信息的函数
+    confirmFn:{
+      type: Function,
+      default:()=>{}
+    }
+  },
+  data() {
+    return {
+      fromData:{
+        // 维修方式
+        repairMethod:'',
+        extRepairNo:'',
+        repairOrg:'',
+        repairPeople:'',
+        repairPhone:'',
+        repairAddress:'',
+        remark:'',
+      }
+    }
+  },
+  computed:{
+    show:{
+      get(){
+        return this.value
+      },
+      set(v){
+        this.$emit('input',v)
+      }
+    }
+  },
+  methods: {
+    // 弹框打开
+    popupOpen(){
+      if (!this.item || !Object.keys(this.item).length) return
+      for (let i in this.fromData) {
+        this.fromData[i] = this.item[i] || ''
+      }
+    },
+
+    // 保存
+    async confirm(){
+      if (!this.fromData.repairMethod){
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('','维修方式不能为空')
+        )
+        return
+      }
+
+      if (!await this.confirmFn(this.fromData)) return
+      this.show = false
+      this.$emit('confirm')
+    },
+
+    // 弹框关闭
+    popupOff(){
+      for (let i in this.fromData) {
+        this.fromData[i] = ''
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>