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

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

@@ -0,0 +1,399 @@
+<!--
+  维护任务 - 列表
+  @author: 张文
+  @date: 2023-04-12
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('', '维护任务')"/>
+
+    <div class="lw-global-page-box">
+      <!-- 选择员工 -->
+      <div
+        v-if="isSelectStaff"
+        class="lw-global-model-box"
+      >
+
+        <lw-vin-user-checkbox-module
+          v-model="staffList"
+          :focus.sync="staffFocus"
+          is-row-start
+        />
+
+        <lw-button
+          style="margin-top: 10px"
+          block
+          @click="staffConfirm"
+        >
+          {{ $lwLanguage.get('', '确定') }}
+        </lw-button>
+
+      </div>
+      <!-- 展示员工 -->
+      <div
+        v-else
+        class="lw-global-model-box lw-global-flex-start-start"
+      >
+
+        <span
+          style="flex-shrink: 0"
+          class="lw-global-title"
+        >{{ $lwLanguage.get('', '维护员工') }}</span>
+
+        <span
+          class="lw-global-value-bold"
+          style="flex: 1;margin-right: 5px"
+        >
+          {{ staffName }}
+        </span>
+
+        <van-icon
+          style="font-weight: bold"
+          size="20px"
+          color="#1989fa"
+          name="edit"
+          @click="userEditClick"
+        />
+      </div>
+
+      <lw-tab-box
+        v-if="!isSelectStaff"
+        style="margin-top: 10px"
+      >
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+
+          <van-tab
+            name="group"
+            :title="$lwLanguage.get('','维护组')"
+          >
+            <div style="margin-bottom: 10px">
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '共') }}
+              </span>
+              <span class="lw-global-value-bold-red" style="margin: 0 5px">{{ groupData.vinCount || 0 }}</span>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '台车') }}
+              </span>
+            </div>
+            <task-group-item
+              v-for="(i,k) in groupData.groupList"
+              :key="k"
+              :item="i"
+              @click="groupClick(i)"
+            />
+            <lw-not-data v-if="!groupData.groupList.length"/>
+          </van-tab>
+
+          <van-tab
+            name="task"
+            :title="$lwLanguage.get('','我的任务')"
+          >
+
+            <div style="margin-bottom: 10px">
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '共') }}
+              </span>
+              <span class="lw-global-value-bold-red" style="margin: 0 5px">{{ myTaskData.vinCount || 0 }}</span>
+              <span class="lw-global-title">
+                {{ $lwLanguage.get('', '台车') }}
+              </span>
+            </div>
+            <van-checkbox-group
+              v-model="myTaskResult"
+              ref="checkboxGroup"
+            >
+              <task-my-item
+                v-for="(i,k) in myTaskData.groupList"
+                :key="k"
+                :item="i"
+                @click="myTaskClick(i)"
+              />
+              <lw-not-data v-if="!myTaskData.groupList.length"/>
+            </van-checkbox-group>
+          </van-tab>
+
+          <van-tab
+            name="count"
+            :title="$lwLanguage.get('','维护统计')"
+          >
+
+            <task-count-item
+              v-for="(i,k) in countData"
+              :key="k"
+              :item="i"
+              @click="countClick"
+            />
+            <lw-not-data v-if="!countData.length"/>
+          </van-tab>
+        </van-tabs>
+
+      </lw-tab-box>
+
+    </div>
+
+    <!-- 维护组底部按钮 -->
+    <lw-bottom-bar v-if="!isSelectStaff && tabActive==='group'">
+
+      <lw-button @click="scanVin">
+        {{ $lwLanguage.get('', '扫描VIN维护') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+    <!-- 我的任务底部按钮 -->
+    <lw-bottom-bar
+      v-if="!isSelectStaff && tabActive==='task'"
+      :slot-btn="false"
+    >
+      <div
+        style="width: 100%;height: 100%"
+        class="lw-global-flex-between"
+      >
+        <van-checkbox
+          v-model="myTaskAll"
+          @click="myTaskAllClick"
+        >
+          {{ $lwLanguage.get('', '已选 {num} 台', {num: myTaskCarNum}) }}
+        </van-checkbox>
+
+        <lw-button @click="actionMaintain">
+          {{ $lwLanguage.get('', '开始维护') }}
+        </lw-button>
+      </div>
+
+    </lw-bottom-bar>
+
+    <!-- 执行维护弹框 -->
+    <action-task-popup
+      v-model="actionPopupShow"
+      :group-list="myTaskResult"
+      :staff-map="staffMap"
+    />
+
+  </div>
+</template>
+
+<script>
+
+import taskGroupItem from "./components/taskGroupItem.vue";
+import taskMyItem from "./components/taskMyItem.vue";
+import taskCountItem from "./components/taskCountItem.vue";
+import actionTaskPopup from "./components/actionTaskPopup.vue";
+import {
+  wmsVinMobileMaintainLogQueryState,
+  wmsVinMobileMaintainQueryState,
+  wmsVinMobileMaintainQueryStateByProgress
+} from "./../../../api/maintain/task"
+
+export default {
+  name: "lwVinMaintainTaskIndex",
+  components: {
+    taskGroupItem,
+    taskMyItem,
+    taskCountItem,
+    actionTaskPopup,
+  },
+  data() {
+    return {
+      staffList: [],
+      staffMap: {},
+      staffListCode: '',
+      staffFocus: true,
+      isSelectStaff: true,
+
+      tabActive: 'group',
+
+      // 维护组的数据
+      groupData: {},
+
+      // 我的任务数据
+      myTaskData: {
+        groupList: []
+      },
+      // 我的任务已选数据
+      myTaskResult: [],
+      // 我的任务全选标识
+      myTaskAll: false,
+
+      // 维护统计数据
+      countData: {},
+
+      // 开始维护弹框
+      actionPopupShow: false
+    }
+  },
+  computed: {
+    staffName() {
+      return this.staffList.map(item => item.name).join(' , ')
+    },
+
+    myTaskCarNum() {
+      let num = 0
+      this.myTaskData.groupList.forEach(item => {
+        if (this.myTaskResult.includes(item.groupCode)) {
+          num += Number(item.vinCount || 0)
+        }
+      })
+      return num
+    }
+  },
+  watch: {
+    myTaskResult: {
+      handler(n) {
+        this.myTaskAll = n.length === this.myTaskData.groupList.length
+      }
+    }
+  },
+  mounted() {
+    this.staffList = JSON.parse(this.$route.query.staffList || '[]')
+    if (this.staffList.length) this.staffConfirm()
+
+  },
+  methods: {
+    // 员工选择确认
+    async staffConfirm() {
+      if (!this.staffList.length) {
+        this.staffFocus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请添加员工')
+        )
+        return
+      }
+
+      this.staffListCode = this.staffList.map(item => item.code)
+      let obj = {}
+      this.staffList.forEach(({code, name}) => obj[code] = name)
+      this.staffMap = obj
+
+      this.$router.replace({
+        path: '/vin/maintain/task/lwIndex',
+        query: {
+          staffList: JSON.stringify(this.staffList),
+          _time: Date.now()
+        }
+      })
+
+      await this.getGroupListData()
+      this.isSelectStaff = false
+    },
+    // 员工编辑按钮
+    userEditClick() {
+      this.isSelectStaff = true
+      this.tabActive = 'group'
+    },
+
+    // tab切换
+    tabChange() {
+      switch (this.tabActive) {
+        case 'group':
+          if (!this.groupData.groupList.length) this.getGroupListData()
+          break;
+        case 'task':
+          if (!this.myTaskData.groupList.length) this.getMyTaskListData()
+          break;
+        case 'count':
+          if (!this.countData.length) this.getCountListData()
+          break;
+      }
+    },
+
+
+    // 获取维护组数据
+    async getGroupListData() {
+      const {vinCount, groupList} = await wmsVinMobileMaintainQueryState({
+        staffList: this.staffListCode
+      })
+      this.groupData = {
+        vinCount: vinCount || 0,
+        groupList: groupList || []
+      }
+    },
+    // 维护任务组 - 项点击
+    groupClick({groupCode, groupName}) {
+      this.$router.push({
+        path: '/vin/maintain/task/lwTaskGroup',
+        query: {
+          groupCode,
+          groupName,
+          staffStr: this.staffListCode.join(',')
+        }
+      })
+    },
+    // 扫描VIN维护
+    scanVin() {
+      this.$router.push({
+        path: '/vin/maintain/task/lwScan',
+        query: {
+          staffMap: JSON.stringify(this.staffMap)
+        }
+      })
+    },
+
+
+    // 获取我的任务列表数据
+    async getMyTaskListData() {
+      const {vinCount, groupList} = await wmsVinMobileMaintainQueryStateByProgress({
+        staffList: this.staffListCode
+      })
+      this.myTaskData = {
+        vinCount: vinCount || 0,
+        groupList: groupList || []
+      }
+    },
+    // 我的任务 - 开始维护
+    actionMaintain() {
+      if (!this.myTaskResult.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请选择需要维护的任务')
+        )
+        return
+      }
+
+      this.actionPopupShow = true
+    },
+    // 我的任务 - 全选点击
+    myTaskAllClick() {
+      this.myTaskResult = this.myTaskAll ? this.myTaskData.groupList.map(item => item.groupCode) : []
+    },
+    // 我的任务 - 任务项点击
+    myTaskClick({groupCode, groupName}) {
+      this.$router.push({
+        path: '/vin/maintain/task/lwMyTaskGroup',
+        query: {
+          groupCode,
+          groupName,
+          staffMap: JSON.stringify(this.staffMap)
+        }
+      })
+    },
+
+
+    // 获取维护统计列表数据
+    async getCountListData() {
+      const res = await wmsVinMobileMaintainLogQueryState({
+        staffList: this.staffListCode
+      })
+      this.countData = res || []
+    },
+    // 维护统计 - 项点击
+    countClick(item, col) {
+      this.$router.push({
+        path: '/vin/maintain/task/lwCountContent',
+        query: {
+          day: item.day,
+          staffStr: col.staff.code
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+</style>

package/src/views/vin/page/maintain/task/mixins/action.js

@@ -0,0 +1,72 @@
+/*
+* 执行拣选的混入
+* @author: 张文
+* @date  2023-04-14
+* */
+
+export const action = {
+  data() {
+    return {
+      staffCodeList: [],
+      staffName: '',
+    }
+  },
+  computed: {
+    btnNum() {
+
+      let has = 0
+      let all = 0
+      this.taskList.forEach(item => {
+        item.itemList.forEach(i => {
+          if (item.selected && i.selected) has++
+          all++
+        })
+      })
+
+      return {
+        has,
+        all,
+        disabled: has === 0
+      }
+    }
+  },
+  methods: {
+    // 任务项滑块改变
+    titleSwitchChange(item) {
+      item.itemList.forEach(i => i.selected = false)
+    },
+
+    // 完成维护
+    getResultData() {
+      let refs = this.$refs.actionItem
+      if (!Array.isArray(refs)) refs = [refs]
+
+      let formData = []
+      for (const i of refs) {
+        const {success, hasData, data} = i.getFormData()
+
+        if (!success) return {success, data}
+
+        hasData && formData.push(data)
+
+      }
+
+      return {
+        success: true,
+        data: formData
+      }
+    },
+
+    // 获取路由数据
+    getRouterStaffData() {
+      const staff = JSON.parse(this.$route.query.staffMap)
+
+      let name = []
+      for (const i in staff) {
+        this.staffCodeList.push(i)
+        name.push(staff[i])
+      }
+      this.staffName = name.join(',')
+    }
+  }
+}