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

package/src/views/vin/page/maintain/components/taskActionItem.vue

@@ -0,0 +1,319 @@
+<!--
+  任务执行项
+  @author: 张文
+  @date: 2023-04-14
+-->
+<template>
+  <div>
+
+    <div
+      :class="[
+        'lw-global-flex-between',
+        titleVal && 'lw-global-row-start'
+      ]"
+    >
+      <van-checkbox
+        v-if="showTitleCheckbox"
+        v-model="titleVal"
+        @change="titleCheckboxChange"
+      >
+        {{ item.name }}
+      </van-checkbox>
+      <div v-else class="lw-global-value-bold">
+        {{ item.name }}
+      </div>
+      <van-checkbox
+        v-if="titleVal"
+        v-model="hasQuestion"
+        @change="questionCheckboxChange"
+      >
+        {{ $lwLanguage.get('', '有问题') }}
+      </van-checkbox>
+    </div>
+
+    <template v-if="titleVal">
+
+      <lw-cell-popup-radio
+        v-if="item.wash"
+        :title="$lwLanguage.get('', '洗车类型')"
+        v-model="washType"
+        dict-key="VinMaintainWashType"
+        required
+      />
+
+      <lw-lot-module
+        ref="lot"
+        :lot-list="item.attributeFieldList"
+      />
+
+      <template v-if="hasQuestion">
+
+        <div
+          class="question-box"
+          v-for="(i,k) in questionList"
+          :key="k"
+        >
+          <div class="lw-global-flex-between lw-global-row-start">
+            <div class="lw-global-title">
+              {{ $lwLanguage.get('', '问题项') + (k + 1) }}
+            </div>
+
+            <van-icon
+              v-if="k !== 0"
+              name="delete"
+              size="18"
+              color="#d50000"
+              @click="delQuestion(k)"
+            />
+          </div>
+
+          <lw-cell-popup-radio
+            :title="$lwLanguage.get('', '问题')"
+            v-model="i.question"
+            :columns="questionOption"
+            label-key="name"
+            value-key="name"
+            required
+            @confirm="data=>questionConfirm(data,k)"
+            @clear="questionClear(k)"
+          />
+
+          <lw-cell-popup-radio
+            :title="$lwLanguage.get('', '解决方案')"
+            v-model="i.solutionId"
+            :columns="i.solutionOption"
+            label-key="name"
+            value-key="id"
+            required
+            :null-msg="$lwLanguage.get('', '请先选择问题')"
+          />
+
+          <lw-input
+            :title="$lwLanguage.get('', '备注')"
+            v-model="i.remark"
+            type="textarea"
+            :rows="3"
+            input-align="right"
+            :show-bottom-border="false"
+          />
+
+        </div>
+
+        <div style="margin-top: 10px;width: 100%;text-align: center">
+
+          <van-icon
+            size="30px"
+            name="add"
+            color="#1989fa"
+            @click="addQuestion"
+          />
+
+        </div>
+
+      </template>
+
+    </template>
+
+
+  </div>
+</template>
+
+<script>
+
+import {wmsVinMobileMaintainQueryProblem} from "./../../../api/maintain/task";
+
+export default {
+  name: "taskActionItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    },
+    value: Boolean,
+
+    // 是否显示标题的复选框
+    showTitleCheckbox: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    titleVal: {
+      get() {
+        return this.value
+      },
+      set(v) {
+        this.$emit('input', v)
+      }
+    }
+  },
+  data() {
+    return {
+      hasQuestion: false,
+
+      lot: [],
+
+      questionList: [],
+      questionOption: [],
+
+      // 洗车类型
+      washType: ''
+    }
+  },
+  mounted() {
+
+  },
+  methods: {
+    // 获取问题列表
+    getQuestionOption() {
+      wmsVinMobileMaintainQueryProblem({
+        itemId: this.item.id
+      }).then(res => this.questionOption = res)
+    },
+
+    // 标题复选框值变化
+    titleCheckboxChange(val) {
+
+      if (!val) this.questionCheckboxChange()
+    },
+
+    // 问题复选框值变化
+    questionCheckboxChange(val) {
+      if (val) {
+        if (!this.questionOption.length) this.getQuestionOption()
+        this.addQuestion()
+        return
+      }
+      this.questionList = []
+    },
+
+    // 删除问题
+    delQuestion(index) {
+      this.questionList.splice(index, 1)
+    },
+    // 增加问题
+    addQuestion() {
+      this.questionList.push({
+        question: '',
+        solutionId: '',
+        remark: '',
+        solutionOption: []
+      })
+    },
+
+    // 获取录入信息
+    getFormData() {
+
+      // 没有勾选当前项目
+      if (!this.titleVal) {
+        return {
+          success: true,
+          hasData: false,
+          data: {}
+        }
+      }
+
+      // 校验洗车类型是否填写
+      if (this.item.isWash && !this.washType) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '【{title}】洗车类型不能为空', {title: this.item.name})
+        )
+        return {
+          success: false,
+          data: {}
+        }
+      }
+
+
+      // 校验批次必填项是否填写
+      const {success, data} = this.$refs.lot.getData(
+        true,
+        this.$lwLanguage.get('', '【{title}】必填项不能为空', {title: this.item.name})
+      )
+      if (!success) return {success, data}
+
+      // 填写的数据
+      const resultData = {
+        itemId: this.item.id,
+        attributes: data,
+        washType: this.washType
+      }
+
+      if (!this.hasQuestion) {
+        return {
+          success: true,
+          hasData: true,
+          data: resultData
+        }
+      }
+
+      // 校验问题必填项是否填写
+      for (let i = 0; i < this.questionList.length; i++) {
+        const item = this.questionList[i]
+        if (!item.question) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('', '【{title} - 问题项{index}】问题不能为空', {title: this.item.name, index: i + 1})
+          )
+          return {
+            success: false,
+            data: {}
+          }
+        }
+        if (!item.solutionId) {
+          this.$lwShowErrorMsg(
+            this.$lwLanguage.get('', '【{title} - 问题项{index}】解决方案不能为空', {title: this.item.name, index: i + 1})
+          )
+          return {
+            success: false,
+            data: {}
+          }
+        }
+      }
+
+
+      return {
+        success: true,
+        hasData: true,
+        data: {
+          ...resultData,
+          problemList: this.questionList
+        }
+      }
+
+    },
+
+    // 问题选中
+    questionConfirm(item, index) {
+
+      for (let i = 0; i < this.questionList.length; i++) {
+
+        if (index !== i && this.questionList[i].question === item.name) {
+          this.$lwToast.fail({
+            message: this.$lwLanguage.get('', '当前所选问题与【问题项{index}】重复', {index: (i + 1)}),
+            duration: 3000
+          })
+          this.questionList[index].question = ''
+          return
+        }
+      }
+
+      this.questionList[index].solutionOption = item.list
+    },
+    // 问题清空
+    questionClear(index) {
+      this.questionList[index].solutionId = ''
+      this.questionList[index].solutionOption = []
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.question-box {
+  border: solid 1px #ddd;
+  padding: 8px;
+  border-radius: 8px;
+  margin-top: 10px;
+}
+</style>

package/src/views/vin/page/maintain/index.js

@@ -0,0 +1,50 @@
+/*
+* 维护组件导出
+* @author: 张文
+* @date  2023-04-12
+* */
+
+
+import lwVinMaintainTaskIndex from './task/index.vue'
+import lwVinMaintainTaskGroup from './task/taskGroup.vue'
+import lwVinMaintainTaskGroupContent from './task/taskGroupContent.vue'
+import lwVinMaintainMyTaskGroup from './task/myTaskGroup.vue'
+import lwVinMaintainMyTaskGroupContent from './task/myTaskGroupContent.vue'
+import lwVinMaintainCountContent from './task/countContent.vue'
+import lwVinMaintainScanIndex from './task/scan.vue'
+import lwVinMaintainTaskAction from './task/action.vue'
+
+
+import lwVinMaintainMoveIndex from './move/index.vue'
+
+
+import lwVinMaintainRechargeIndex from './recharge/index.vue'
+
+
+import lwVinMaintainWashIndex from './wash/index.vue'
+
+
+export default [
+  lwVinMaintainTaskIndex,
+
+  lwVinMaintainTaskGroup,
+  lwVinMaintainTaskGroupContent,
+
+  lwVinMaintainMyTaskGroup,
+  lwVinMaintainMyTaskGroupContent,
+
+  lwVinMaintainCountContent,
+  lwVinMaintainScanIndex,
+  lwVinMaintainTaskAction,
+
+
+  lwVinMaintainMoveIndex,
+
+
+  lwVinMaintainRechargeIndex,
+
+
+  lwVinMaintainWashIndex,
+
+
+]

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

@@ -0,0 +1,305 @@
+<!--
+  移位 - 起始页
+  @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-select-module
+          v-if="showUser"
+          :title="$lwLanguage.get('','员工')"
+          v-model="userNo.value"
+          :focus.sync="userNo.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"
+          rule-key="vin"
+          :create-rule="$lwScanRule.create('维护管理 - 移位 - vin','VIN')"
+          required
+          :show-bottom-border="false"
+          @confirm="vinConfirm"
+        >
+
+          <template #button>
+
+            <lw-button
+              mini
+              round
+              block
+              @click="vinConfirm"
+            >
+              {{ $lwLanguage.get('', '确认') }}
+            </lw-button>
+
+          </template>
+
+        </lw-input>
+
+      </div>
+
+      <template v-if="hasVin">
+        <div class="lw-global-model-box lw-global-row-box">
+
+          <div class="lw-global-value-bold">{{ vinInfo.vin }}</div>
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','车身号')"
+            :value="$lwCheckVal(vinInfo.vehicle.vehicleNo)"
+            :is-row="false"
+            val-bold
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','原库位')"
+            :value="$lwCheckVal(vinInfo.locationCode)"
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','未移位天数')"
+            :value="$lwCheckVal(vinInfo.noMoveDay)"
+            :is-row="false"
+            val-bold
+            val-red
+          />
+
+        </div>
+
+        <div class="lw-global-model-box lw-global-model-box-3px">
+
+          <lw-input
+            :title="$lwLanguage.get('','目标库位')"
+            v-model="loc.value"
+            :get-focus.sync="loc.focus"
+            rule-key="loc"
+            :create-rule="$lwScanRule.create('维护管理 - 移位 - 目标库位','LOCATION')"
+            :show-bottom-border="false"
+            required
+          />
+
+        </div>
+
+        <task-action-item
+          v-if="showTaskItem"
+          ref="actionItem"
+          class="lw-global-model-box"
+          v-model="taskOpen"
+          :item="taskItem"
+          :show-title-checkbox="false"
+        />
+      </template>
+
+
+    </div>
+
+    <lw-bottom-bar>
+
+      <lw-button
+        plain
+        type="last"
+        @click="clearAll"
+      >
+        {{ $lwLanguage.get('', '重置') }}
+      </lw-button>
+
+      <lw-button
+        v-if="hasVin"
+        @click="submit"
+      >
+        {{ $lwLanguage.get('', '确认移位') }}
+      </lw-button>
+
+    </lw-bottom-bar>
+  </div>
+</template>
+
+<script>
+import taskActionItem from './../components/taskActionItem.vue'
+import {
+  wmsVinMobileMaintainGetItemFields,
+  wmsVinMobileMaintainGetVIN,
+  wmsVinMobileMaintainQueryItemByMove, wmsVinMobileMaintainSubmitByCharge
+} from "./../../../api/maintain/move";
+
+export default {
+  name: "lwVinMaintainMoveIndex",
+  components: {
+    taskActionItem
+  },
+  data() {
+    return {
+      showUser: true,
+      userNo: {
+        value: '',
+        focus: false
+      },
+      type: '',
+      typeList: [],
+      vin: {
+        value: '',
+        focus: false
+      },
+      vinInfo: {},
+
+      showTaskItem: false,
+
+
+      loc: {
+        value: '',
+        focus: true
+      },
+      taskOpen: true,
+      taskItem: {}
+    }
+  },
+  computed: {
+    hasVin() {
+      return !!this.vinInfo.vin
+    }
+  },
+  mounted() {
+    wmsVinMobileMaintainQueryItemByMove().then(res => {
+      this.typeList = res || []
+    })
+  },
+  methods: {
+    // 维护项目选择确认
+    typeConfirm(item) {
+      this.taskItem = item
+      if (this.hasVin) {
+        this.getInputItem()
+      } else {
+        this.vin.focus = true
+      }
+
+    },
+    // 维护项目清空
+    typeClear(need) {
+      if (!need && !this.hasVin) return
+      this.showTaskItem = false
+      this.vinInfo = {}
+      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()
+      wmsVinMobileMaintainGetVIN({
+        vin,
+        type: 'MOVE'
+      }).then(res => {
+        this.vinInfo = res
+      })
+
+    },
+    // 获取移位填写项目
+    getInputItem() {
+      this.showTaskItem = false
+      wmsVinMobileMaintainGetItemFields({
+        itemId: this.type
+      }).then(res => {
+        this.taskItem.attributeFieldList = res || []
+        this.showTaskItem = true
+        this.loc.focus = true
+      })
+    },
+
+    // 确认移位
+    async submit() {
+
+      const userNo = this.userNo.value
+      if (!userNo) {
+        this.userNo.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '员工不能为空')
+        )
+        return
+      }
+      // 检查用户数据
+      const {code} = await this.$lwApi.common.staffInfo(userNo)
+
+      const locationCode = this.loc.value
+      if (!locationCode) {
+        this.loc.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '目标库位不能为空')
+        )
+        return
+      }
+
+      const {success, data} = this.$refs.actionItem.getFormData()
+      if (!success) return
+
+
+      wmsVinMobileMaintainSubmitByCharge({
+        staffList: [code],
+        vin: this.vinInfo.vin,
+        locationCode,
+        ...data
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.typeClear(true)
+      })
+    },
+
+    // 重置
+    clearAll() {
+      this.type = ''
+      this.vin.value = ''
+      this.vin.focus = true
+      this.vinInfo = {}
+      this.showTaskItem = false
+      this.userNo.value = ''
+      this.showUser = false
+      this.$nextTick(() => {
+        this.showUser = true
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>