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

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

@@ -0,0 +1,234 @@
+<!--
+  洗车起 - 始页
+  @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"
+          :get-focus.sync="staff.focus"
+        />
+
+        <lw-cell-popup-radio
+          :title="$lwLanguage.get('','洗车类型')"
+          v-model="washType"
+          required
+          dict-key="VinMaintainWashType"
+        />
+
+        <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 {
+  wmsVinMobileMaintainQueryItemByWash,
+  wmsVinMobileMaintainSubmitByWash
+} from "./../../../api/maintain/wash";
+
+export default {
+  name: "lwVinMaintainWashIndex",
+  components: {
+    taskActionItem
+  },
+  data() {
+    return {
+      staff: {
+        list: [],
+        focus: false
+      },
+      type: '',
+      washType: '',
+      typeList: [],
+      vin: {
+        value: '',
+        focus: false,
+        copy: ''
+      },
+
+      showTaskItem: false,
+
+
+      taskOpen: true,
+      taskItem: {}
+    }
+  },
+  mounted() {
+    wmsVinMobileMaintainQueryItemByWash().then(res => {
+      this.typeList = res || []
+    })
+  },
+  methods: {
+    // 维护项目选择确认
+    typeConfirm(item) {
+      this.taskItem = item
+      this.taskItem.wash = false
+      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
+      }
+
+      if (!this.washType) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '洗车类型不能为空')
+        )
+        return
+      }
+
+      const {success, data} = this.$refs.actionItem.getFormData()
+      if (!success) return
+
+
+      wmsVinMobileMaintainSubmitByWash({
+        staffList: user.map(item => item.code),
+        vin: this.vin.copy,
+        ...data,
+        washType: this.washType,
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.typeClear(true)
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

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

@@ -0,0 +1,14 @@
+/*
+* 质检管理 - 导出
+* @author: 张文
+* @date  2023-04-18
+* */
+import lwVinQualityRegisterIndex from './register/index.vue'
+import lwVinQualityRegisterAction from './register/action.vue'
+import lwVinQualityRegisterAddEdit from './register/addEdit.vue'
+
+export default [
+  lwVinQualityRegisterIndex,
+  lwVinQualityRegisterAction,
+  lwVinQualityRegisterAddEdit,
+]

package/src/views/vin/page/quality/register/action.vue

@@ -0,0 +1,471 @@
+<!--
+  质检登记 - 执行页
+  @author: 张文
+  @date: 2023-04-18
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="$lwLanguage.get('','质检登记')"/>
+
+    <div class="lw-global-page-box">
+
+      <div class="lw-global-model-box lw-global-row-box">
+
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','作业人员')"
+            :value="routerData.staffList.map(item=>item.staffName).join('，')"
+            :is-row="false"
+          />
+
+          <div style="flex-shrink: 0">
+
+            <lw-tag type="warning">
+              {{ $lwDict.getDictLabel('VinQualityBusiness', routerData.qualityBusiness) }}
+            </lw-tag>
+
+            <lw-tag>
+              {{ $lwDict.getDictLabel('VinQualityType', routerData.qualityType) }}
+            </lw-tag>
+
+          </div>
+
+        </div>
+
+        <div class="lw-global-flex-between">
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','工厂')"
+            :value="factoryVal"
+            :is-row="false"
+          />
+
+          <lw-title-value-cell
+            :title="$lwLanguage.get('','今日已检')"
+            :value="todayNum"
+            :is-row="false"
+            val-red
+            val-bold
+          />
+
+        </div>
+
+
+      </div>
+
+      <lw-tab-box style="margin-top: 10px">
+
+        <van-tabs
+          type="card"
+          animated
+          v-model="tabActive"
+          @change="tabChange"
+        >
+          <!-- 质检作业 -->
+          <van-tab
+            name="ing"
+            :title="$lwLanguage.get('','质检作业')"
+          >
+
+            <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"
+                required
+                @confirm="vinConfirm"
+              />
+
+            </div>
+
+            <template v-if="Object.keys(vinData).length">
+              <vin-info :item="vinData">
+
+                <template>
+                  <div class="lw-global-title" style="margin-top: 10px">
+                    {{ $lwLanguage.get('', '整车照片') }}
+                  </div>
+                  <lw-img-upload
+                    v-model="imgArr"
+                    @uploadSuccess="impUploadSuccessDel"
+                    @del="impUploadSuccessDel"
+                  />
+
+                  <div class="lw-global-bottom-border" style="margin-bottom: 10px"></div>
+                  <div class="lw-global-flex-between">
+
+                    <lw-button
+                      style="margin-right: 10px"
+                      type="last"
+                      block
+                      @click="addEditQuestion()"
+                    >
+                      {{ $lwLanguage.get('', '添加问题') }}
+                    </lw-button>
+
+                    <lw-button
+                      block
+                      round
+                      @click="submitPopup.show = true"
+                    >
+                      {{
+                        vinData.problemList.length ?
+                          $lwLanguage.get('', '完成质检') :
+                          $lwLanguage.get('', '正常')
+                      }}
+                    </lw-button>
+
+                  </div>
+                </template>
+
+              </vin-info>
+
+              <question-item
+                v-for="(i,k) in vinData.problemList"
+                :key="k"
+                :item="i"
+                @edit="addEditQuestion(i.id)"
+                @del="delQuestion(k)"
+              />
+            </template>
+
+          </van-tab>
+
+
+          <!-- 质检记录 -->
+          <van-tab
+            name="list"
+            :title="$lwLanguage.get('','质检记录')"
+          >
+
+            <div class="lw-global-model-box lw-global-flex-between">
+
+              <div class="lw-global-title">
+                {{ $lwLanguage.get('', '质检类型') }}
+              </div>
+
+              <van-checkbox-group
+                v-model="qualityList.type"
+                direction="horizontal"
+                @change="qualityListTypeChange"
+              >
+                <van-checkbox
+                  v-for="(i,k) in qualityList.typeList"
+                  :key="k"
+                  :name="i.value"
+                >
+                  {{ i.label }}
+                </van-checkbox>
+              </van-checkbox-group>
+            </div>
+
+            <quality-record-item
+              v-for="(i,k) in qualityList.data"
+              :key="k"
+              :item="i"
+              @click="qualityListClick(i)"
+            />
+            <lw-pagination
+              v-model="qualityList.pageNum"
+              :page-total="qualityList.pageTotal"
+              :page-size.sync="qualityList.pageSize"
+              @change="qualityListPageChange"
+            />
+
+            <lw-not-data v-if="!qualityList.data.length"/>
+          </van-tab>
+
+        </van-tabs>
+
+      </lw-tab-box>
+
+    </div>
+
+    <lw-popup
+      :title="$lwLanguage.get('', '完成质检')"
+      v-model="submitPopup.show"
+      @open="submitPopup.showImg=true"
+      @closed="submitPopupOff"
+    >
+
+      <div class="lw-global-title" style="margin-bottom: 10px">
+        {{ $lwLanguage.get('', '质检图片') }}
+      </div>
+
+      <lw-img-upload
+        v-if="submitPopup.showImg"
+        v-model="submitPopup.imgArr"
+      />
+
+      <template #button>
+
+        <lw-button @click="submitPopupConfirm">
+          {{ $lwLanguage.get('', '确定') }}
+        </lw-button>
+
+      </template>
+
+    </lw-popup>
+
+  </div>
+</template>
+
+<script>
+
+import vinInfo from './components/vinInfo.vue'
+import qualityRecordItem from './components/qualityRecordItem.vue'
+import questionItem from './components/questionItem.vue'
+import {mixin} from './mixin'
+import {
+  projectVinPDAQualityFinish,
+  projectVinPDAQualityQueryTodayCount,
+  projectVinPDAQualityQueryTodayPage,
+  projectVinPDAQualityRemoveLine,
+  projectVinPDAQualitySubmitNormal,
+  projectVinPDAQualityUpdateHeaderImages
+} from "./../../../api/quality/register";
+
+export default {
+  name: "lwVinQualityRegisterAction",
+  components: {
+    vinInfo,
+    qualityRecordItem,
+    questionItem,
+  },
+  mixins: [mixin],
+  data() {
+    return {
+
+
+      todayNum: 0,
+
+      tabActive: '',
+
+      vin: {
+        value: '',
+        focus: true
+      },
+      vinData: {},
+
+      imgArr: [],
+
+      // 质检记录
+      qualityList: {
+        type: [],
+        typeList: [],
+        pageNum: 1,
+        pageTotal: 0,
+        pageSize: 10,
+        data: []
+      },
+
+
+      // 完成质检弹框
+      submitPopup: {
+        show: false,
+        showImg: false,
+        imgArr: []
+      }
+    }
+  },
+  computed: {
+    factoryVal() {
+      const {factoryCode, factoryName} = this.routerData
+      if (!factoryCode) return '-'
+      return factoryCode + ' - ' + factoryName
+    }
+  },
+  mounted() {
+
+    this.init()
+    const {vin, qualityId} = this.$route.query
+    if (qualityId) {
+      this.qualityListClick({qualityId, billStatus: '200'})
+    } else if (vin) {
+      this.vin.value = vin
+      this.vinConfirm()
+    }
+
+    this.qualityList.typeList = this.$lwDict.get('VinQualityType') || []
+
+    this.getTodayQualityNum()
+    this.qualityListPageChange()
+  },
+  methods: {
+    // 获取当天已检量
+    getTodayQualityNum() {
+      projectVinPDAQualityQueryTodayCount(this.routerData).then(res => this.todayNum = res || 0)
+    },
+
+    // tab 切换
+    tabChange() {
+      if (this.tabActive === 'list') {
+        this.qualityList.type = []
+        this.qualityListTypeChange()
+      }
+    },
+
+    // 质检记录 - 搜索类型变化
+    qualityListTypeChange() {
+      this.qualityList.pageNum = 1
+      this.qualityListPageChange()
+    },
+    // 质检记录 - 分页变化
+    qualityListPageChange() {
+      const {staffList, ownerId} = this.routerData
+      const {type, pageNum, pageSize} = this.qualityList
+      projectVinPDAQualityQueryTodayPage({
+        staffList,
+        ownerId,
+        queryType: type.length === 1 ? type[0] : '',
+        pageNum,
+        pageSize
+      }).then(res => {
+        this.qualityList.pageTotal = res.total
+        this.qualityList.data = res.datas || []
+      })
+    },
+
+    // vin确认
+    vinConfirm() {
+
+      const vin = this.vin.value
+      if (!vin) {
+        this.vin.focus = true
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', 'VIN不能为空')
+        )
+        return
+      }
+
+      this.imgArr = []
+      this.vinData = {}
+
+      this.getDataByVin(vin).then(res => {
+        this.vinData = res
+        const img = res.qualityId ? this.vinData.vehicleImages : this.$route.query.img
+        this.imgArr = img ? img.split('|') : []
+      })
+
+    },
+    // 图片上传成功或删除
+    impUploadSuccessDel() {
+      const qualityId = this.vinData.qualityId
+      if (!qualityId) return
+      projectVinPDAQualityUpdateHeaderImages({
+        qualityId,
+        vehicleImages: this.imgArr.join('|')
+      })
+    },
+
+    // 添加、编辑问题
+    addEditQuestion(qualityLineId) {
+
+      const routeData = this.$route.query
+      const {vin, qualityId} = this.vinData
+
+      const data = {
+        ...routeData,
+        vin,
+        qualityId,
+        img: this.vinData.qualityId ? '' : this.imgArr.join('|'),
+      }
+
+      this.$router.replace({
+        path: '/vin/quality/register/lwAction',
+        query: {
+          ...data,
+          _time: Date.now()
+        }
+      })
+
+      this.$router.push({
+        path: '/vin/quality/register/lwAddEdit',
+        query: {
+          qualityLineId,
+          ...data
+        }
+      })
+    },
+    // 删除问题
+    delQuestion(index) {
+      this.$lwDialog.confirm({
+        title: this.$lwLanguage.get('', '提示'),
+        message: this.$lwLanguage.get('', '确认删除当前问题？'),
+      }).then(() => {
+        projectVinPDAQualityRemoveLine({
+          qualityId: this.vinData.qualityId,
+          qualityLineId: this.vinData.problemList[index].id
+        }).then(() => {
+          this.$lwToast.success(
+            this.$lwLanguage.get('', '操作成功')
+          )
+          this.vinData.problemList.splice(index, 1)
+        })
+      }).catch(() => {
+      })
+
+    },
+
+    // 完成质检弹框 - 关闭
+    submitPopupOff() {
+      this.submitPopup.imgArr = []
+      this.submitPopup.showImg = false
+    },
+    // 完成质检弹框 - 确认
+    submitPopupConfirm() {
+      let api = null
+      let data = {}
+      if (this.vinData.problemList.length) {
+        api = projectVinPDAQualityFinish
+      } else {
+        api = projectVinPDAQualitySubmitNormal
+        data = {
+          vehicleImages: this.imgArr.join('|'),
+          ...this.routerData,
+          vin: this.vinData.vin
+        }
+      }
+
+      api({
+        ...data,
+        qualityId: this.vinData.qualityId,
+        images: this.submitPopup.imgArr.join('|'),
+        staffList: this.routerData.staffList
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        this.vinData = {}
+        this.submitPopup.show = false
+        this.vin.value = ''
+        this.vin.focus = true
+        this.getTodayQualityNum()
+      })
+
+    },
+
+    // 质检记录项点击
+    qualityListClick({qualityId, billStatus}) {
+      if (billStatus !== '200') return
+      this.imgArr = []
+      this.vinData = {}
+      this.vin.value = ''
+      this.getDataByQualityId(qualityId).then(res => {
+        this.vinData = res
+        this.imgArr = this.vinData.vehicleImages.split('|')
+        this.tabActive = 'ing'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>