@logwire/logwire-wms-pda-ui 3.1.3-zc-beta → 3.3.2

package/src/views/vin/page/maintain/task/taskGroup.vue

@@ -0,0 +1,336 @@
+<!--
+  维护任务组
+  @author: 张文
+  @date: 2023-04-13
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="pageTitle"/>
+
+    <div class="lw-global-page-box">
+
+      <div
+        style="margin-bottom: 10px"
+        class="lw-global-flex-between"
+      >
+
+        <div class="lw-global-value">
+          {{ $lwLanguage.get('', '共') }}
+          <span class="lw-global-value-bold-red">{{ num }}</span>
+          {{ $lwLanguage.get('', '台') }}
+        </div>
+
+        <lw-button
+          mini
+          round
+          plain
+          type="last"
+          @click="allTask"
+        >
+          {{ $lwLanguage.get('', '全部任务') }}
+        </lw-button>
+      </div>
+
+      <van-checkbox-group v-model="result">
+        <div
+          v-for="(i,k) in groupList"
+          :key="k"
+          style="align-items: stretch;"
+          class="lw-global-model-box lw-global-flex-between"
+        >
+
+          <van-checkbox
+            class="checkbox-box"
+            style="flex: 1"
+            :name="i.zoneCode"
+          >
+
+            <div class="box">
+              <lw-title-value-cell
+                :title="$lwLanguage.get('','库区')"
+                :value="i.zoneCode"
+                :is-row="false"
+                val-bold
+              />
+
+
+              <div class="lw-global-flex-between first-row">
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','待维护车辆')"
+                  :value="i.vinCount"
+                  :is-row="false"
+                  val-bold
+                />
+
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','待处理项目')"
+                  :value="i.taskCount"
+                  :is-row="false"
+                  val-bold
+                />
+
+              </div>
+
+              <div class="lw-global-flex-between first-row">
+                <lw-title-value-cell
+                  :title="$lwLanguage.get('','可领取量')"
+                  :value="i.newVinCount"
+                  :is-row="false"
+                  val-bold
+                  val-red
+                />
+                <div @click.stop>
+                  <lw-input
+                    :title="$lwLanguage.get('','领取量')"
+                    v-model="i.num"
+                    :show-scan-icon="false"
+                    type="number"
+                    @blur="vinCountConfirm(i,k)"
+                    @confirm="vinCountConfirm(i,k)"
+                  />
+                </div>
+              </div>
+
+            </div>
+
+          </van-checkbox>
+
+
+          <div class="lw-global-flex-center lw-global-click-style icon-box">
+            <van-icon
+              size="22px"
+              name="arrow"
+              color="#cdcdcd"
+              @click="itemClick(i)"
+            />
+          </div>
+        </div>
+      </van-checkbox-group>
+    </div>
+
+
+    <lw-bottom-bar :slot-btn="false">
+
+
+      <div
+        style="width: 100%;height: 100%"
+        class="lw-global-flex-between"
+      >
+        <van-checkbox
+          v-model="all"
+          @click="allClick"
+        >
+          {{ $lwLanguage.get('', '已选 {num} 台', {num: carNum}) }}
+        </van-checkbox>
+
+        <lw-button @click="receiveTask">
+          {{ $lwLanguage.get('', '领取任务') }}
+        </lw-button>
+      </div>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import {
+  wmsVinMobileMaintainGroupQueryState, wmsVinMobileMaintainReceiveTaskByBatch,
+} from "./../../../api/maintain/task"
+
+export default {
+  name: "lwVinMaintainTaskGroup",
+  data() {
+    return {
+      routerData: {},
+      num: 0,
+      groupList: [],
+      result: [],
+      all: false,
+    }
+  },
+  watch: {
+    result: {
+      handler(n) {
+        this.all = n.length === this.groupList.length
+      }
+    }
+  },
+  computed: {
+    pageTitle() {
+      let title = this.$lwLanguage.get('', '维护任务')
+      const groupName = this.routerData.groupName
+      if (groupName) {
+        title = title + ' - ' + groupName
+      }
+      return title
+    },
+    carNum() {
+      let num = 0
+      this.groupList.forEach(item => {
+        if (this.result.includes(item.zoneCode)) {
+          num += Number(item.num || 0)
+        }
+      })
+      return num
+    }
+  },
+  mounted() {
+    this.routerData = this.$route.query
+    this.routerData.staffList = this.routerData.staffStr.split(',')
+
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData() {
+      const {groupCode, staffList} = this.routerData
+      wmsVinMobileMaintainGroupQueryState({
+        groupCode,
+        staffList
+      }).then(res => {
+        this.num = res.vinCount || 0
+        const groupList = res.groupList || []
+        this.groupList = groupList.map(item => {
+          return {
+            ...item,
+            num: item.newVinCount
+          }
+        })
+        this.result = []
+      })
+    },
+
+    // 领取数量失焦或确认
+    vinCountConfirm({newVinCount, num}, index) {
+      const vinNum = Number(num || 0)
+      if (vinNum === 0) return
+      if (Number(newVinCount || 0) < vinNum) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '领取量不能大于可领取量')
+        )
+        this.groupList[index].num = newVinCount
+      }
+    },
+
+    // 全部任务点击
+    allTask() {
+      this.jumpPage()
+    },
+
+    // 数据项点击
+    itemClick({zoneCode}) {
+      this.jumpPage({zoneCode})
+    },
+
+    // 全选点击
+    allClick() {
+      this.result = this.all ? this.groupList.map(item => item.zoneCode) : []
+    },
+    // 领取任务
+    receiveTask() {
+
+      if (!this.result.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请选择需要领取的任务')
+        )
+        return
+      }
+
+      if (!this.carNum) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '已选量为0')
+        )
+        return
+      }
+
+      let data = {}
+      for (const i of this.groupList) {
+        if (this.result.includes(i.zoneCode)) {
+          const num = Number(i.num || 0)
+          if (!num) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '库区{loc}，领取量应当是大于0的正整数', {loc: i.zoneCode})
+            )
+            return
+          }
+
+          if (Number(i.newVinCount || 0) < num) {
+            this.$lwShowErrorMsg(
+              this.$lwLanguage.get('', '库区{loc}，领取量不能大于待维护车辆', {loc: i.zoneCode})
+            )
+            return
+          }
+          data[i.zoneCode] = num
+        }
+      }
+
+      const {groupCode, staffList} = this.routerData
+      wmsVinMobileMaintainReceiveTaskByBatch({
+        groupCode,
+        staffList,
+        data
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '已领取')
+        )
+        this.getData()
+      })
+
+    },
+
+    // 跳转页面
+    jumpPage(query = {}) {
+      this.$router.push({
+        path: '/vin/maintain/task/lwTaskGroupContent',
+        query: {
+          ...query,
+          ...this.routerData
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.first-row {
+  > div {
+    flex: 1;
+  }
+
+  /deep/ .lw-input-box {
+    padding: 0;
+
+    .lw-input-input {
+      padding: 0 6px;
+    }
+  }
+}
+
+
+.checkbox-box {
+  /deep/ .van-checkbox__label {
+    flex: 1;
+  }
+}
+
+.box {
+  flex: 1;
+
+  > div + div {
+    margin-top: 5px;
+  }
+}
+
+.icon-box {
+  flex-shrink: 0;
+  padding-left: 8px;
+  margin-left: 8px;
+  position: relative;
+  border-left: solid 1px #f0f0f0;
+}
+</style>

package/src/views/vin/page/maintain/task/taskGroupContent.vue

@@ -0,0 +1,272 @@
+<!--
+  维护任务组 - 任务详情
+  @author: 张文
+  @date: 2023-04-13
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="navTitle"/>
+
+    <div class="lw-global-page-box">
+
+      <lw-tab-box>
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab name="wait">
+            <template #title>
+              <lw-tip
+                :title="$lwLanguage.get('', '待领取')"
+                :tip="wait.pageTotal"
+              />
+            </template>
+
+            <van-checkbox-group v-model="wait.result">
+
+              <div
+                v-for="(i,k) in wait.list"
+                :key="k"
+                class="lw-global-model-box"
+              >
+                <van-checkbox
+                  class="checkbox-box"
+                  :name="i.vin"
+                >
+
+                  <task-group-zone-item
+                    style="flex: 1"
+                    :item="i"
+                  />
+
+                </van-checkbox>
+              </div>
+
+            </van-checkbox-group>
+            <lw-pagination
+              v-model="wait.pageNum"
+              :page-size.sync="wait.pageSize"
+              :page-total="wait.pageTotal"
+              @change="waitPageChange"
+            />
+
+            <lw-not-data v-if="!wait.pageTotal"/>
+
+          </van-tab>
+
+          <van-tab
+            name="over"
+            :title="$lwLanguage.get('', '已领取')"
+          >
+
+            <task-group-zone-item
+              class="lw-global-model-box"
+              v-for="(i,k) in over.list"
+              :key="k"
+              :item="i"
+              is-over
+            />
+            <lw-pagination
+              v-model="over.pageNum"
+              :page-size.sync="over.pageSize"
+              :page-total="over.pageTotal"
+              @change="getOverData"
+            />
+
+            <lw-not-data v-if="!over.pageTotal"/>
+
+          </van-tab>
+        </van-tabs>
+      </lw-tab-box>
+
+
+    </div>
+
+    <lw-bottom-bar
+      v-if="tabActive==='wait'"
+      :slot-btn="false"
+    >
+
+      <div
+        style="width: 100%;height: 100%"
+        class="lw-global-flex-between"
+      >
+        <van-checkbox
+          v-model="wait.all"
+          @click="allClick"
+        >
+          {{ $lwLanguage.get('', '已选 {num} 台', {num: carNum}) }}
+        </van-checkbox>
+
+        <lw-button @click="receiveTask">
+          {{ $lwLanguage.get('', '领取任务') }}
+        </lw-button>
+      </div>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import taskGroupZoneItem from "./components/taskGroupZoneItem.vue";
+import {
+  wmsVinMobileMaintainGroupQueryTaskByReceived,
+  wmsVinMobileMaintainGroupQueryTaskNoReceived,
+  wmsVinMobileMaintainGroupZoneQueryTaskByReceived,
+  wmsVinMobileMaintainGroupZoneQueryTaskNoReceived, wmsVinMobileMaintainReceiveTask
+} from './../../../api/maintain/task'
+
+export default {
+  name: "lwVinMaintainTaskGroupContent",
+  components: {
+    taskGroupZoneItem,
+  },
+  data() {
+    return {
+      routerData: {},
+      tabActive: 'wait',
+
+      wait: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        list: [],
+        result: [],
+        all: false,
+      },
+
+      over: {
+        pageNum: 1,
+        pageSize: 10,
+        pageTotal: 0,
+        list: [],
+      },
+    }
+  },
+  watch: {
+    'wait.result': {
+      handler(n) {
+        this.wait.all = n.length === this.wait.list.length
+      }
+    }
+  },
+  computed: {
+    navTitle() {
+      const {zoneCode, groupName} = this.routerData
+      let title = groupName
+      if (zoneCode) {
+        title = title + ' - ' + zoneCode
+      }
+      return title
+    },
+    carNum() {
+      let num = 0
+      this.wait.list.forEach(item => {
+        if (this.wait.result.includes(item.vin)) num++
+      })
+      return num
+    }
+  },
+  mounted() {
+    this.routerData = this.$route.query
+    this.routerData.staffList = this.routerData.staffStr.split(',')
+    this.tabChange()
+  },
+  methods: {
+    // tab切换
+    tabChange() {
+      if (this.tabActive === 'wait') {
+        !this.wait.list.length && this.getWaitData()
+      } else {
+        !this.over.list.length && this.getOverData()
+      }
+    },
+
+    // 待领取 - 获取数据
+    getWaitData() {
+      const {staffList, groupCode, zoneCode} = this.routerData
+      const api = zoneCode ?
+        wmsVinMobileMaintainGroupZoneQueryTaskNoReceived :
+        wmsVinMobileMaintainGroupQueryTaskNoReceived
+
+      const {pageNum, pageSize} = this.wait
+      api({
+        staffList,
+        zoneCode,
+        groupCode,
+        pageNum,
+        pageSize
+      }).then(res => {
+        this.wait.pageTotal = res.total || 0
+        this.wait.list = res.datas
+      })
+    },
+    // 待领取 - 页码变化
+    waitPageChange() {
+      this.wait.result = []
+      this.getWaitData()
+    },
+
+    // 已领取获取数据
+    getOverData() {
+      const {groupCode, zoneCode} = this.routerData
+      const api = zoneCode ?
+        wmsVinMobileMaintainGroupZoneQueryTaskByReceived :
+        wmsVinMobileMaintainGroupQueryTaskByReceived
+
+      const {pageNum, pageSize} = this.wait
+      api({
+        zoneCode,
+        groupCode,
+        pageNum,
+        pageSize
+      }).then(res => {
+        this.over.pageTotal = res.total || 0
+        this.over.list = res.datas
+      })
+    },
+
+
+    // 全选点击
+    allClick() {
+      this.wait.result = this.wait.all ? this.wait.list.map(item => item.vin) : []
+    },
+
+    // 领取任务
+    receiveTask() {
+      if (!this.wait.result.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请选择需要领取的任务')
+        )
+        return
+      }
+      const {staffList, groupCode} = this.routerData
+      wmsVinMobileMaintainReceiveTask({
+        staffList,
+        groupCode,
+        vinList: this.wait.result
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '已领取')
+        )
+        this.wait.pageNum = 1
+        this.waitPageChange()
+        this.getOverData()
+      })
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+.checkbox-box {
+  /deep/ .van-checkbox__label {
+    flex: 1;
+  }
+}
+</style>