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

package/src/components/page/container/scrapRecord/components/scrapInfo.vue

@@ -0,0 +1,126 @@
+<!--
+  报废单信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+
+  <div
+    class="lw-global-model-box lw-global-click-style"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','报废单号')"
+        :value="item.scrapNo"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-flex-start" style="flex-shrink: 0">
+
+        <lw-tag
+          :type="item.billStatus === '150' ? 'danger' : 'primary'"
+          plain
+          round
+        >{{ item.billStatusLabel }}</lw-tag>
+
+        <van-icon
+          v-if="item.billStatus==='150'"
+          name="info-o"
+          size="20px"
+          @click.stop="rejectMsg"
+        />
+      </div>
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','外部单号')"
+      :value="item.extScrapNo || '-'"
+      :is-row="false"
+    />
+
+    <div
+      style="margin: 4px 0"
+      class="lw-global-flex-between"
+    >
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','报废方式')"
+        :value="item.scrapMethodLabel"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','容器数量')"
+        :value="item.qty"
+        val-red
+        val-bold
+        :is-row="false"
+      />
+
+
+    </div>
+
+    <div class="lw-global-flex-between">
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','更新时间')"
+        :value="$lwDate.format(item.insertDate,'yyyy-MM-dd hh:mm')"
+        :is-row="false"
+      />
+
+      <div class="lw-global-value">{{item.insertUser}}</div>
+
+
+    </div>
+
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "scrapInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {
+
+    // 查看拒绝信息
+    rejectMsg(){
+      this.$lwDialog.alert({
+        msgList:[
+          {
+            key: this.$lwLanguage.get('','拒绝原因'),
+            value: this.item.refuseReason || '-'
+          },
+          {
+            key: this.$lwLanguage.get('','拒绝人'),
+            value: this.item.refuseName
+          },
+          {
+            key: this.$lwLanguage.get('','拒绝时间'),
+            value: this.$lwDate.format(this.item.refuseTime,'yyyy-MM-dd hh:mm')
+          },
+        ]
+      }).then(()=>{})
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,11 @@
+/*
+* 报废登记 - 起始页
+* @author: 张文
+* @date: 2022-12-21
+* */
+
+import lwContainerScrapRecordIndexPage from "./index.vue";
+
+lwContainerScrapRecordIndexPage.install = Vue => Vue.component(lwContainerScrapRecordIndexPage.name, lwContainerScrapRecordIndexPage)
+
+export default lwContainerScrapRecordIndexPage

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

@@ -0,0 +1,159 @@
+<!--
+  报废登记 - 起始页
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','报废登记')"/>
+
+    <div class="lw-global-page-box">
+
+
+
+      <div style="padding: 3px 10px" class="lw-global-model-box">
+
+        <lw-input
+          :placeholder="$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>
+
+      <div style="margin-top: 10px">
+
+        <scrap-info
+          v-for="(i,k) in orderList"
+          :key="k"
+          :item="i"
+          @click="itemClick(i.scrapId)"
+        />
+
+      </div>
+      <lw-pagination
+        v-model="pageNum"
+        :page-size.sync="pageSize"
+        :page-total="pageTotal"
+        @change="pageChange"
+      />
+
+      <lw-not-data v-if="!orderList.length"/>
+
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button @click="showAddOrder = true">
+        {{ $lwLanguage.get('','新增报废单') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+
+    <add-or-edit
+      v-model="showAddOrder"
+      :item="{}"
+      :confirm-fn="confirmAdd"
+    />
+
+  </div>
+</template>
+
+<script>
+import scrapInfo from "../components/scrapInfo.vue";
+import addOrEdit from "../components/addOrEdit.vue";
+import {
+  projectWmsPDAContainerScrapOrderEditPage,
+  projectWmsPDAContainerScrapOrderSave
+} from "../../../../../api/container/scrapRecord";
+
+export default {
+  name: "lwContainerScrapRecordIndexPage",
+  components:{
+    scrapInfo,
+    addOrEdit,
+  },
+  data() {
+    return {
+      // 搜索
+      search:'',
+
+      pageNum: 1,
+      pageSize: 10,
+      pageTotal: 0,
+
+      orderList:[],
+
+      showAddOrder: false
+    }
+  },
+  mounted() {
+    this.pageChange()
+  },
+  methods: {
+
+    // 确认搜索
+    searchConfirm(){
+      this.pageNum = 1
+      this.pageChange()
+    },
+
+    // 页码改变
+    pageChange(){
+      projectWmsPDAContainerScrapOrderEditPage({
+        queryKey: this.search,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize,
+      }).then(res=>{
+        this.pageTotal = res.total || 0
+        this.orderList = res.datas || []
+      })
+    },
+
+    // 数据项被点击
+    itemClick(scrapId){
+      this.$router.push({
+        path:'/container/scrapRecord/lwOrderInfo',
+        query:{
+          scrapId
+        }
+      })
+    },
+
+    // 新增报废单
+    async confirmAdd(obj){
+      console.log(obj)
+      await projectWmsPDAContainerScrapOrderSave(obj)
+      this.$lwToast.success(
+        this.$lwLanguage.get('','新增报废单成功')
+      )
+
+      this.pageChange()
+      return true
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/components/page/container/scrapRecord/orderInfo/index.js

@@ -0,0 +1,11 @@
+/*
+* 报废登记 - 执行页
+* @author: 张文
+* @date: 2022-12-22
+* */
+
+import lwContainerScrapRecordOrderInfoPage from "./index.vue";
+
+lwContainerScrapRecordOrderInfoPage.install = Vue => Vue.component(lwContainerScrapRecordOrderInfoPage.name, lwContainerScrapRecordOrderInfoPage)
+
+export default lwContainerScrapRecordOrderInfoPage