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

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

@@ -0,0 +1,218 @@
+<!--
+  充电 - 起始页
+  @author: 张文
+  @date: 2023-04-12
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('','充电')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box lw-global-model-box-3px">
+
+        <lw-vin-user-checkbox-module
+          v-model="staff.list"
+          :focus.sync="staff.focus"
+        />
+
+        <lw-cell-popup-radio
+          :title="$lwLanguage.get('','维护项目')"
+          v-model="type"
+          :columns="typeList"
+          required
+          label-key="name"
+          value-key="id"
+          @clear="typeClear()"
+          @confirm="typeConfirm"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','VIN')"
+          v-model="vin.value"
+          :get-focus.sync="vin.focus"
+          :show-bottom-border="false"
+          rule-key="vin"
+          :create-rule="$lwScanRule.create('维护管理 - 充电 - vin','VIN')"
+          required
+          @confirm="vinConfirm"
+        >
+
+          <template #button>
+
+            <lw-button
+              mini
+              round
+              block
+              @click="vinConfirm"
+            >
+              {{ $lwLanguage.get('', '确认') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+
+      </div>
+
+
+      <template v-if="showTaskItem">
+
+        <div class="lw-global-flex-start" style="margin: 10px 0">
+          <div class="lw-global-title">
+            {{ $lwLanguage.get('', '当前维护VIN') }}
+          </div>
+          <div class="lw-global-value-bold">{{ vin.copy }}</div>
+        </div>
+
+        <task-action-item
+          ref="actionItem"
+          class="lw-global-model-box"
+          v-model="taskOpen"
+          :item="taskItem"
+          :show-title-checkbox="false"
+        />
+      </template>
+
+
+    </div>
+
+    <lw-bottom-bar v-if="showTaskItem">
+
+      <lw-button @click="submit">
+        {{ $lwLanguage.get('', '确认充电') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+
+  </div>
+</template>
+
+<script>
+import taskActionItem from './../components/taskActionItem.vue'
+import {
+  wmsVinMobileMaintainGetItemFields
+} from "./../../../api/maintain/move";
+import {
+  wmsVinMobileMaintainQueryItemByCharge, wmsVinMobileMaintainSubmitByCharge
+} from "./../../../api/maintain/recharge";
+
+export default {
+  name: "lwVinMaintainRechargeIndex",
+  components: {
+    taskActionItem
+  },
+  data() {
+    return {
+      staff: {
+        list: [],
+        focus: false
+      },
+      type: '',
+      typeList: [],
+      vin: {
+        value: '',
+        focus: false,
+        copy: ''
+      },
+
+      showTaskItem: false,
+
+
+      taskOpen: true,
+      taskItem: {}
+    }
+  },
+  mounted() {
+    wmsVinMobileMaintainQueryItemByCharge().then(res => {
+      this.typeList = res || []
+    })
+  },
+  methods: {
+    // 维护项目选择确认
+    typeConfirm(item) {
+      this.taskItem = item
+      if (this.showTaskItem) {
+        this.getInputItem()
+      } else {
+        this.vin.focus = true
+      }
+
+    },
+    // 维护项目清空
+    typeClear(need) {
+      if (!need && !this.showTaskItem) return
+      this.showTaskItem = false
+      this.vin.value = ''
+      this.vin.focus = need
+    },
+
+    // vin确认
+    vinConfirm() {
+
+      if (!this.type) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '维护项目不能为空')
+        )
+        return
+      }
+
+      const vin = this.vin.value
+      if (!vin) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', 'VIN不能为空')
+        )
+        return
+      }
+
+      this.getInputItem()
+      this.vin.copy = vin
+
+    },
+    // 获取充电填写项目
+    getInputItem() {
+      this.showTaskItem = false
+      wmsVinMobileMaintainGetItemFields({
+        itemId: this.type
+      }).then(res => {
+        this.taskItem.attributeFieldList = res || []
+        this.showTaskItem = true
+      })
+    },
+
+    // 确认充电
+    async submit() {
+
+      const user = this.staff.list
+      if (!user.length) {
+        this.staff.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '员工不能为空')
+        )
+        return
+      }
+
+      const {success, data} = this.$refs.actionItem.getFormData()
+      if (!success) return
+
+
+      wmsVinMobileMaintainSubmitByCharge({
+        staffList: user.map(item => item.code),
+        vin: this.vin.copy,
+        ...data
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.typeClear(true)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,301 @@
+<!--
+  执行维护
+  @author: 张文
+  @date: 2023-04-14
+-->
+<template>
+  <div>
+
+    <lw-nav-bar :title="$lwLanguage.get('', '维护详情')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '维护员工')"
+          :value="staffName"
+          :is-row="false"
+        />
+
+      </div>
+
+      <div class="lw-global-model-box lw-global-row-box">
+
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '推荐VIN')"
+          :value="suggestData.vin"
+          :is-row="false"
+          val-bold
+        />
+
+        <!-- TODO 需要修改字段 -->
+        <lw-title-value-cell
+          :title="$lwLanguage.get('', '所在库位')"
+          :value="suggestData.locationCode"
+          :is-row="false"
+          val-bold
+        />
+
+      </div>
+
+      <div class="lw-global-model-box lw-global-model-box-3px">
+
+        <lw-input
+          :title="$lwLanguage.get('', 'VIN')"
+          v-model="vin.value"
+          :get-focus.sync="vin.focus"
+          rule-key="vin"
+          :create-rule="$lwScanRule.create('维护任务 - 执行维护 - vin','VIN')"
+          :show-bottom-border="false"
+          :disabled="vin.disabled"
+          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(nowTaskData.vin)"
+          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>
+
+    <move-popup
+      v-model="showMovePopup"
+      :location-code="nowTaskData.locationCode"
+      @confirm="movePopupConfirm"
+    />
+  </div>
+</template>
+
+<script>
+
+import taskActionItem from "./../components/taskActionItem.vue";
+import movePopup from "./components/movePopup.vue";
+import {action} from "./mixins/action.js";
+import {
+  wmsVinMobileMaintainGetRecommendTaskDetail,
+  wmsVinMobileMaintainRecommendTask,
+  wmsVinMobileMaintainSubmitTask
+} from "./../../../api/maintain/task";
+
+export default {
+  name: "lwVinMaintainTaskAction",
+  mixins: [action],
+  components: {
+    taskActionItem,
+    movePopup,
+  },
+  data() {
+    return {
+      vin: {
+        value: '',
+        focus: true,
+        disabled: false,
+      },
+
+      queryData: {},
+      // 推荐数据
+      suggestData: {},
+      showModel: false,
+
+      taskList: [],
+
+      showMovePopup: false,
+      nowTaskData: {},
+    }
+  },
+  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
+      }
+    }
+  },
+  mounted() {
+    this.getRouterStaffData()
+    const {locationCode, hasDesc, groupList, zoneList} = this.$route.query
+    this.queryData = {
+      hasDesc: hasDesc === '1',
+      staffList: this.staffCodeList,
+      groupList: JSON.parse(groupList || '[]'),
+      zoneList: JSON.parse(zoneList || '[]'),
+    }
+    this.getSuggestData(locationCode)
+  },
+  methods: {
+    // 获取推荐库位数据
+    getSuggestData(locationCode) {
+      wmsVinMobileMaintainRecommendTask({
+        ...this.queryData,
+        locationCode
+      }).then(res => {
+        if (!res) {
+          this.$lwToast.success({
+            message: this.$lwLanguage.get('', '当前任务已全部完成'),
+            onClose: () => history.go(-1)
+          })
+          return
+        }
+        this.suggestData = res
+      })
+    },
+
+    // vin确认
+    vinConfirm() {
+      const vin = this.vin.value
+      if (!vin) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', 'VIN不能为空')
+        )
+        return
+      }
+
+      this.showModel = false
+      wmsVinMobileMaintainGetRecommendTaskDetail({
+        ...this.queryData,
+        vin
+      }).then(res => {
+        this.vin.value = ''
+        this.showModel = true
+        this.taskList = res.groupList
+        this.nowTaskData.locationCode = res.locationCode
+        this.nowTaskData.hasMove = res.hasMove
+        this.nowTaskData.vin = res.vin
+      })
+
+
+    },
+
+    // 完成维护
+    overTask() {
+      const {success, data} = this.getResultData()
+      if (!success) return
+
+      if (this.nowTaskData.hasMove) {
+        this.showMovePopup = true
+        return
+      }
+
+      this.overTaskApi(data)
+    },
+    // 移位弹框确认
+    movePopupConfirm(location) {
+      const {data} = this.getResultData()
+      this.overTaskApi(data, location)
+    },
+
+    // 完成任务的api
+    overTaskApi(data, locationCode) {
+      wmsVinMobileMaintainSubmitTask({
+        vin: this.nowTaskData.vin,
+        staffList: this.queryData.staffList,
+        itemList: data,
+        locationCode
+      }).then(() => {
+        this.showMovePopup = false
+
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+
+        this.showModel = false
+        this.taskList = []
+        this.nowTaskData = {}
+        this.vin.value = ''
+        this.vin.focus = true
+        this.getSuggestData()
+
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.task-item-box {
+  border: solid 1px #ccc;
+  padding: 8px;
+  border-radius: 5px;
+  margin-top: 10px;
+}
+</style>

package/src/views/vin/page/maintain/task/components/actionTaskPopup.vue

@@ -0,0 +1,130 @@
+<!--
+  执行任务弹框
+  @author: 张文
+  @date: 2023-04-14
+-->
+<template>
+  <lw-popup
+    :title="$lwLanguage.get('', '开始维护')"
+    v-model="show"
+    @open="popupOpen"
+    @closed="loc.value=''"
+  >
+
+    <lw-input
+      :title="$lwLanguage.get('', '当前库位')"
+      v-model="loc.value"
+      :get-focus.sync="loc.focus"
+      rule-key="location"
+      :create-rule="$lwScanRule.create('维护管理 - 维护任务 - 开始维护弹框','LOCATION')"
+    />
+
+    <van-radio-group
+      class="lw-global-row-end"
+      v-model="radio"
+      direction="horizontal"
+    >
+      <van-radio name="up">
+        {{ $lwLanguage.get('', '库位升序') }}
+      </van-radio>
+      <van-radio name="down">
+        {{ $lwLanguage.get('', '库位降序') }}
+      </van-radio>
+    </van-radio-group>
+
+    <template #button>
+
+      <lw-button @click="confirm">
+        {{ $lwLanguage.get('', '确认') }}
+      </lw-button>
+
+    </template>
+
+  </lw-popup>
+</template>
+
+<script>
+
+import {wmsVinMobileMaintainRecommendTask} from "./../../../../api/maintain/task";
+
+export default {
+  name: "actionTaskPopup",
+  props: {
+    value: Boolean,
+    locationCode: String,
+    groupList: {
+      type: Array,
+      default: () => []
+    },
+    zoneList: {
+      type: Array,
+      default: () => []
+    },
+    staffMap: {
+      type: Object,
+      default: () => {
+      }
+    },
+  },
+  computed: {
+    show: {
+      get() {
+        return this.value
+      },
+      set(v) {
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {
+      loc: {
+        value: '',
+        focus: false
+      },
+      radio: 'up'
+    }
+  },
+  methods: {
+    //弹框打开
+    popupOpen() {
+      this.loc.value = this.locationCode || ''
+      this.loc.focus = true
+    },
+
+    // 确认按钮
+    confirm() {
+      const locationCode = this.loc.value
+
+      let staffList = []
+      for (const k in this.staffMap) {
+        staffList.push(k)
+      }
+
+      wmsVinMobileMaintainRecommendTask({
+        locationCode,
+        hasDesc: this.radio === 'down',
+        groupList: this.groupList,
+        zoneList: this.zoneList,
+        staffList
+      }).then(() => {
+        this.$router.push({
+          path: '/vin/maintain/task/lwAction',
+          query: {
+            locationCode,
+            hasDesc: this.radio ? '1' : '0',
+            staffMap: JSON.stringify(this.staffMap),
+            groupList: JSON.stringify(this.groupList),
+            zoneList: JSON.stringify(this.zoneList)
+          }
+        })
+      })
+    },
+
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>