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

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

@@ -0,0 +1,84 @@
+<!--
+  容器信息
+  @author: 张文
+  @date: 2022-12-21
+-->
+<template>
+  <div>
+    <div class="lw-global-flex-between">
+
+      <div>
+        <span class="lw-global-title">{{ item.containerCode }} / </span>
+        <span class="lw-global-value-bold">{{ item.containerSkuName }}</span>
+      </div>
+
+      <lw-button
+        style="flex-shrink: 0"
+        mini
+        round
+        @click="del"
+      >
+        {{ $lwLanguage.get('','删除') }}
+      </lw-button>
+
+    </div>
+
+    <div class="lw-global-value">{{ item.repairReason }}</div>
+    <div class="lw-global-value">{{ item.remark }}</div>
+
+    <lw-img-upload
+      v-if="showImgUpload"
+      style="margin-top: 5px"
+      v-model="images"
+      @uploadSuccess="imgChange"
+      @del="imgChange"
+    />
+
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "containerInfo",
+  props:{
+    item:{
+      type: Object,
+      default:()=>{}
+    },
+  },
+  data() {
+    return {
+      images:[],
+      showImgUpload: false
+    }
+  },
+  mounted() {
+    this.images = this.item.images ? this.item.images.split('|') : []
+    this.showImgUpload = true
+  },
+  methods: {
+    // 删除
+    del(){
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('','提示'),
+        message: this.$lwLanguage.get('','确认删除容器：') + this.item.containerCode
+      }).then(()=>{
+        this.$emit('del')
+      }).catch(()=>{})
+    },
+
+    // 图片数据改变
+    imgChange(file,arr){
+      // eslint-disable-next-line vue/no-mutating-props
+      this.item.images = arr.join('|')
+      this.$emit('imgUpload', arr.join('|'))
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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

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

@@ -0,0 +1,251 @@
+<!--
+  报修登记 - 起始页
+  @author: 张文
+  @date: 2022-12-20
+-->
+<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="order"
+          :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">
+
+        <div
+          class="lw-global-model-box lw-global-click-style"
+          v-for="(i,k) in orderList"
+          :key="k"
+          @click="itemClick(i)"
+        >
+
+          <div class="lw-global-flex-between">
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','维修单号')"
+              :value="i.repairNo"
+              val-bold
+              :is-row="false"
+            />
+
+            <div class="lw-global-flex-start" style="flex-shrink: 0">
+
+              <lw-tag
+                :type="i.billStatus === '150' ? 'danger' : 'primary'"
+                plain
+                round
+              >{{ i.billStatusLabel }}</lw-tag>
+
+              <van-icon
+                v-if="i.billStatus==='150'"
+                name="info-o"
+                size="20px"
+                @click.stop="rejectMsg(i)"
+              />
+            </div>
+
+          </div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','外部单号')"
+            :value="i.extRepairNo"
+            :is-row="false"
+          />
+
+          <div
+            style="margin: 4px 0"
+            class="lw-global-flex-between"
+          >
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','维修方式')"
+              :value="i.repairMethodLabel"
+              val-red
+              val-bold
+              :is-row="false"
+            />
+
+            <lw-title-value-cell
+              :title="$lwLanguage.get('','容器数量')"
+              :value="i.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(i.insertDate,'yyyy-MM-dd hh:mm')"
+              val-red
+              val-bold
+              :is-row="false"
+            />
+
+            <div class="lw-global-value">{{i.insertUser}}</div>
+
+
+          </div>
+
+
+
+        </div>
+
+      </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-order
+      v-model="showAddOrder"
+      :confirm-fn="addConfirm"
+      @confirm="searchConfirm"
+    />
+
+  </div>
+</template>
+
+<script>
+import addOrEditOrder from "../components/addOrEditOrder.vue";
+import {
+  projectWmsPDAContainerRepairOrderEditPage,
+  projectWmsPDAContainerRepairOrderSave
+} from "../../../../../api/container/repairRegister";
+
+export default {
+  name: "lwContainerRepairRegisterIndexPage",
+  components:{
+    addOrEditOrder
+  },
+  data() {
+    return {
+      search:'',
+
+      pageNum: 1,
+      pageSize: 10,
+      pageTotal: 0,
+
+      orderList:[],
+
+      showAddOrder: false
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData(){
+      projectWmsPDAContainerRepairOrderEditPage({
+        queryKey: this.search,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      }).then(res=>{
+        this.pageTotal = res.total || 0
+        this.orderList = res.datas || []
+      })
+    },
+
+    // 确认搜索
+    searchConfirm(){
+      this.pageNum = 1
+      this.getData()
+    },
+
+    // 页码改变
+    pageChange(){
+      this.getData()
+    },
+
+    // 数据项被点击
+    itemClick(item){
+      this.$router.push({
+        path:'/container/repairRegister/lwOrderInfo',
+        query:{
+          repairId: item.repairId
+        }
+      })
+    },
+
+    // 查看拒绝信息
+    rejectMsg(item){
+      this.$lwDialog.alert({
+        msgList:[
+          {
+            key: this.$lwLanguage.get('','拒绝原因'),
+            value: item.refuseReason || '-'
+          },
+          {
+            key: this.$lwLanguage.get('','拒绝人'),
+            value: item.refuseName
+          },
+          {
+            key: this.$lwLanguage.get('','拒绝时间'),
+            value: this.$lwDate.format(item.refuseTime,'yyyy-MM-dd hh:mm')
+          },
+        ]
+      }).then(()=>{})
+    },
+
+    // 确认新建
+    async addConfirm(obj){
+      try {
+        await projectWmsPDAContainerRepairOrderSave(obj)
+        return true
+      }catch (e) {
+        console.log('新建保修单失败，接口报错：', e)
+        return false
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

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