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

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

@@ -0,0 +1,279 @@
+<!--
+  我的任务 - 任务组详情
+  @author: 张文
+  @date: 2023-04-13
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('', '我的任务') +' - ' + routerData.groupName"/>
+
+    <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">{{ allCarNum }}</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>
+
+          </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>
+
+
+    <!-- 执行维护弹框 -->
+    <action-task-popup
+      v-model="actionPopupShow"
+      :group-list="[routerData.groupCode]"
+      :zone-list="result"
+      :staff-map="JSON.parse(routerData.staffMap)"
+    />
+  </div>
+</template>
+
+<script>
+import actionTaskPopup from "./components/actionTaskPopup.vue";
+import {
+  wmsVinMobileMaintainGroupQueryStateByProgress
+} from './../../../api/maintain/task'
+import {action} from "./mixins/action";
+
+export default {
+  name: "lwVinMaintainMyTaskGroup",
+  mixins: [action],
+  components: {
+    actionTaskPopup
+  },
+  data() {
+    return {
+      routerData: {
+        staffMap: '{}',
+        groupCode: ''
+      },
+
+      allCarNum: 0,
+      groupList: [],
+      result: [],
+      all: false,
+
+      // 开始维护弹框
+      actionPopupShow: false
+    }
+  },
+  watch: {
+    result: {
+      handler(n) {
+        this.all = n.length === this.groupList.length
+      }
+    }
+  },
+  computed: {
+    carNum() {
+      let num = 0
+      this.groupList.forEach(item => {
+        if (this.result.includes(item.zoneCode)) {
+          num += Number(item.vinCount || 0)
+        }
+      })
+      return num
+    }
+  },
+  mounted() {
+    this.routerData = this.$route.query
+    this.getRouterStaffData()
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData() {
+      wmsVinMobileMaintainGroupQueryStateByProgress({
+        ...this.routerData,
+        staffList: this.staffCodeList
+      }).then(res => {
+        this.allCarNum = res.vinCount || 0
+
+        if (this.allCarNum === 0) {
+          history.go(-1)
+          return
+        }
+
+        this.groupList = res.groupList || []
+      })
+    },
+
+    // 全部任务点击
+    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
+      }
+
+      this.actionPopupShow = true
+
+    },
+
+    // 跳转页面
+    jumpPage(query = {}) {
+      this.$router.push({
+        path: '/vin/maintain/task/lwMyTaskGroupContent',
+        query: {
+          ...query,
+          ...this.$route.query
+        }
+      })
+    }
+  }
+}
+</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/myTaskGroupContent.vue

@@ -0,0 +1,125 @@
+<!--
+  我的任务详情
+  @author: 张文
+  @date: 2023-04-23
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="navTitle"/>
+
+    <div class="lw-global-page-box">
+
+      <div
+        class="lw-global-model-box lw-global-click-style"
+        v-for="(i,k) in vinList"
+        :key="k"
+        @click="itemClick(i)"
+      >
+        <task-group-zone-item
+          :item="i"
+          is-over
+        />
+      </div>
+      <lw-pagination
+        v-model="pageNum"
+        :page-size.sync="pageSize"
+        :page-total="pageTotal"
+        @change="getData"
+      />
+
+    </div>
+
+    <!-- 执行维护弹框 -->
+    <action-task-popup
+      v-model="actionPopup.show"
+      :location-code="actionPopup.locationCode"
+      :group-list="[routerData.groupCode]"
+      :zone-list="routerData.zoneCode ? [routerData.zoneCode] : []"
+      :staff-map="JSON.parse(routerData.staffMap)"
+    />
+
+  </div>
+</template>
+
+<script>
+import taskGroupZoneItem from "./components/taskGroupZoneItem.vue";
+import actionTaskPopup from "./components/actionTaskPopup.vue";
+import {
+  wmsVinMobileMaintainGroupQueryTaskByProgress,
+  wmsVinMobileMaintainGroupZoneQueryTaskByProgress,
+} from "./../../../api/maintain/task";
+import {action} from "./mixins/action";
+
+export default {
+  name: "lwVinMaintainMyTaskGroupContent",
+  mixins: [action],
+  components: {
+    taskGroupZoneItem,
+    actionTaskPopup,
+  },
+  data() {
+    return {
+      routerData: {
+        staffMap: '{}',
+        groupCode: ''
+      },
+
+      vinList: [],
+      pageNum: 1,
+      pageSize: 10,
+      pageTotal: 0,
+
+      // 开始维护弹框
+      actionPopup: {
+        show: false,
+        locationCode: ''
+      }
+    }
+  },
+  computed: {
+    navTitle() {
+      const {zoneCode, groupName} = this.routerData
+      if (zoneCode) return groupName + ' - ' + zoneCode
+      return groupName
+    }
+  },
+  mounted() {
+    this.routerData = this.$route.query
+    this.getRouterStaffData()
+    this.getData()
+  },
+  methods: {
+    // 获取数据
+    getData() {
+      const api = this.routerData.zoneCode ?
+        wmsVinMobileMaintainGroupZoneQueryTaskByProgress :
+        wmsVinMobileMaintainGroupQueryTaskByProgress
+
+      api({
+        ...this.routerData,
+        staffList: this.staffCodeList,
+        pageNum: this.pageNum,
+        pageSize: this.pageSize
+      }).then(res => {
+        this.pageTotal = res.total || 0
+        if (this.pageTotal === 0) {
+          history.go(-1)
+          return
+        }
+        this.vinList = res.datas
+      })
+    },
+
+    // 点击事件
+    itemClick(item) {
+      this.actionPopup.locationCode = item.locationCode
+      this.actionPopup.show = true
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,197 @@
+<!--
+  扫描vin维护 - 起始页
+  @author: 张文
+  @date: 2023-04-13
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('', '扫描VIN维护')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box" style="padding-bottom: 3px">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '维护员工')"
+          :value="staffName"
+          is-row-start
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('', 'VIN')"
+          v-model="vin.value"
+          :get-focus.sync="vin.focus"
+          rule-key="vin"
+          :create-rule="$lwScanRule.create('维护任务 - 扫描vin维护 - vin','VIN')"
+          :show-bottom-border="false"
+          required
+          @confirm="vinConfirm"
+        >
+
+          <template #button>
+
+            <lw-button
+              mini
+              round
+              @click="vinConfirm"
+            >
+              {{ $lwLanguage.get('', '确认') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+      </div>
+
+      <template v-if="showModel">
+
+        <lw-title-value-cell
+          style="margin-bottom: 10px"
+          :title="$lwLanguage.get('', '当前维护VIN')"
+          :value="$lwCheckVal(vin.copy)"
+          val-bold
+          is-row-end
+        />
+        <div
+          v-for="(i,k) in taskList"
+          :key="k"
+          class="lw-global-model-box"
+        >
+
+          <div
+            :class="[
+            'lw-global-flex-between',
+            i.selected && 'lw-global-row-start'
+          ]"
+          >
+
+            <div class="lw-global-value-bold-red">{{ i.groupName }}</div>
+
+            <van-switch
+              v-model="i.selected"
+              size="18px"
+              @change="titleSwitchChange(i)"
+            />
+
+          </div>
+
+          <template v-if="i.selected">
+
+            <task-action-item
+              ref="actionItem"
+              v-for="(item,index) in i.itemList"
+              :key="'in'+index"
+              v-model="item.selected"
+              class="task-item-box"
+              :item="item"
+            />
+
+          </template>
+
+        </div>
+
+      </template>
+
+    </div>
+
+    <lw-bottom-bar v-if="showModel">
+
+      <lw-button
+        :disabled="btnNum.disabled"
+        @click="overTask"
+      >
+        {{ $lwLanguage.get('', '完成维护 ( {has} / {all} ) ', {...btnNum}) }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+
+import taskActionItem from "./../components/taskActionItem.vue";
+import {action} from "./mixins/action.js";
+import {wmsVinMobileMaintainGetTask, wmsVinMobileMaintainSubmitTask} from "./../../../api/maintain/task";
+
+export default {
+  name: "lwVinMaintainScanIndex",
+  components: {
+    taskActionItem
+  },
+  mixins: [action],
+  data() {
+    return {
+      
+      vin: {
+        value: '',
+        focus: true,
+        copy: ''
+      },
+      // 是否显示维护填写项
+      showModel: false,
+
+      taskList: []
+    }
+  },
+  mounted() {
+    this.getRouterStaffData()
+  },
+  methods: {
+    // vin确认
+    vinConfirm() {
+      const vin = this.vin.value
+      if (!vin) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', 'VIN不能为空')
+        )
+        return
+      }
+      this.showModel = false
+      wmsVinMobileMaintainGetTask({
+        vin,
+        staffList: this.staffCodeList
+      }).then(res => {
+        this.vin.value = ''
+        this.vin.copy = vin
+        this.showModel = true
+        this.taskList = res.groupList
+      })
+    },
+
+    // 完成维护点击
+    overTask() {
+      const {success, data} = this.getResultData()
+      if (!success) return
+
+      wmsVinMobileMaintainSubmitTask({
+        vin: this.vin.copy,
+        staffList: this.staffCodeList,
+        itemList: data
+      }).then(() => {
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+
+        this.showModel = false
+        this.taskList = []
+        this.vin.value = ''
+        this.vin.focus = true
+
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.task-item-box {
+  border: solid 1px #ccc;
+  padding: 8px;
+  border-radius: 5px;
+  margin-top: 10px;
+}
+</style>