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

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

@@ -0,0 +1,325 @@
+<!--
+  质检登记 - 新增编辑
+  @author: 张文
+  @date: 2023-04-18
+-->
+<template>
+  <div>
+    <lw-nav-bar :title="title"/>
+
+    <div
+      v-if="Object.keys(vinData).length"
+      class="lw-global-page-box"
+    >
+
+      <vin-info :item="vinData"/>
+
+      <div class="lw-global-model-box" style="padding-top: 3px">
+
+        <lw-search-cell-popup
+          :title="$lwLanguage.get('','问题大类')"
+          required
+          :api-fn="getQuestionClassData"
+          label-key="code,name"
+          need-show-clear
+          has-page
+          :init-auto-select="false"
+          :init-val="initVal.questionClass"
+          @confirm="questionClassConfirm"
+          @clear="questionClassClear"
+        />
+
+        <lw-search-cell-popup
+          :title="$lwLanguage.get('','问题现象')"
+          required
+          :api-fn="(val,item)=>radioGetData(val,item,'problemDescription')"
+          label-key="detail"
+          need-show-clear
+          has-page
+          :init-auto-select="false"
+          :init-val="initVal.problemDescription"
+          @confirm="item=>radioConfirm('problemDescription',item)"
+          @clear="radioClear('problemDescription')"
+        />
+
+        <lw-search-cell-popup
+          :title="$lwLanguage.get('','问题部位')"
+          required
+          :api-fn="(val,item)=>radioGetData(val,item,'problemPosition')"
+          label-key="detail"
+          need-show-clear
+          has-page
+          :init-auto-select="false"
+          :init-val="initVal.problemPosition"
+          @confirm="item=>radioConfirm('problemPosition',item)"
+          @clear="radioClear('problemPosition')"
+        />
+
+        <lw-search-cell-popup
+          :title="$lwLanguage.get('','问题后果')"
+          required
+          :api-fn="(val,item)=>radioGetData(val,item,'problemAffect')"
+          label-key="detail"
+          need-show-clear
+          has-page
+          :init-auto-select="false"
+          :init-val="initVal.problemAffect"
+          @confirm="item=>radioConfirm('problemAffect',item)"
+          @clear="radioClear('problemAffect')"
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('','问题等级')"
+          v-model="requiredForm.problemLevel"
+          type="number"
+          required
+        />
+
+        <lw-input
+          :title="$lwLanguage.get('', '问题备注')"
+          v-model="remark"
+          type="textarea"
+          :rows="4"
+        />
+
+
+        <div class="lw-global-row">
+
+          <div class="lw-global-title lw-global-required" style="margin-bottom: 5px">
+            {{ $lwLanguage.get('', '问题照片') }}
+          </div>
+          <lw-img-upload v-model="imgArr"/>
+
+        </div>
+
+        <lw-button
+          style="margin-top: 10px"
+          block
+          @click="submit"
+        >
+          {{ $lwLanguage.get('', '保存') }}
+        </lw-button>
+
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+
+<script>
+
+import vinInfo from './components/vinInfo.vue'
+import {mixin} from './mixin'
+import {
+  projectVinPDAQualityAppendLine, projectVinPDAQualityCreate,
+  projectVinPDAQualityProblemAutoQuery,
+  projectVinPDAQualityProblemDescriptionAutoQuery,
+  projectVinPDAQualityProblemPositionAutoQuery,
+  projectVinPDAQualityProblemResultAutoQuery, projectVinPDAQualityUpdateLineInfo,
+} from "./../../../api/quality/register";
+
+export default {
+  name: "lwVinQualityRegisterAddEdit",
+  components: {
+    vinInfo
+  },
+  mixins: [mixin],
+  data() {
+    return {
+      title: '',
+      vinData: {},
+
+      requiredForm: {
+        // 问题大类
+        problemName: '',
+        problemCode: '',
+        // 现象
+        problemDescription: '',
+        // 部位
+        problemPosition: '',
+        // 后果
+        problemAffect: '',
+        // 等级
+        problemLevel: '',
+      },
+
+      initVal: {
+        questionClass: null,
+        problemDescription: null,
+        problemPosition: null,
+        problemAffect: null,
+      },
+
+      remark: '',
+
+      imgArr: []
+    }
+  },
+  mounted() {
+    this.init()
+    this.getVinData()
+  },
+  methods: {
+
+    async getVinData() {
+      const {qualityLineId, vin, qualityId} = this.$route.query
+
+      this.title = qualityLineId ?
+        this.$lwLanguage.get('', '编辑质检问题') :
+        this.$lwLanguage.get('', '添加质检问题')
+
+      this.vinData = qualityId ? await this.getDataByQualityId(qualityId) : await this.getDataByVin(vin)
+
+      if (qualityLineId) {
+
+        const questionData = this.vinData.problemList.filter(item => qualityLineId === item.id)[0]
+
+        for (const i in this.requiredForm) {
+          this.requiredForm[i] = questionData[i]
+        }
+        for (const i in this.initVal) {
+          this.initVal[i] = {detail: this.requiredForm[i] || ''}
+        }
+        this.initVal.questionClass = {
+          code: this.requiredForm.problemCode,
+          name: this.requiredForm.problemName
+        }
+
+        this.remark = questionData.remark
+        this.imgArr = questionData.images.split('|')
+      }
+    },
+
+    // 获取问题大类数据
+    getQuestionClassData(val, data) {
+      return projectVinPDAQualityProblemAutoQuery({
+        keyword: val,
+        pageNum: data.pageNum,
+        pageSize: data.pageSize,
+        qualityType: this.routerData.qualityType
+      })
+    },
+
+    // 问题大类数据确认
+    questionClassConfirm(item) {
+      this.requiredForm.problemName = item.name
+      this.requiredForm.problemCode = item.code
+    },
+    // 问题大类数据清除
+    questionClassClear() {
+      ['description', 'position', 'affect'].forEach(item => this.radioClear(item))
+      this.requiredForm.problemName = ''
+      this.requiredForm.problemCode = ''
+      this.requiredForm.problemLevel = ''
+    },
+
+    // 单选确认
+    radioConfirm(type, item) {
+      this.requiredForm[type] = item.detail
+      if (type === 'problemAffect') this.requiredForm.problemLevel = item.level
+    },
+    // 单选清除
+    radioClear(type) {
+      this.requiredForm[type] = ''
+    },
+    // 单选获取数据
+    radioGetData(val, data, type) {
+
+      const problemCode = this.requiredForm.problemCode
+      if (!problemCode) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请先选择问题大类')
+        )
+        return Promise.reject('请先选择问题大类')
+      }
+
+      let api = null
+      switch (type) {
+        case 'problemDescription':
+          api = projectVinPDAQualityProblemDescriptionAutoQuery
+          break;
+        case 'problemPosition':
+          api = projectVinPDAQualityProblemPositionAutoQuery
+          break;
+        case 'problemAffect':
+          api = projectVinPDAQualityProblemResultAutoQuery
+          break
+        default:
+          api = () => {
+            console.warn('获取单选数据api失败', type)
+            return []
+          }
+      }
+      return api({
+        problemCode,
+        keyword: val,
+        pageNum: data.pageNum,
+        pageSize: data.pageSize
+      })
+    },
+
+    // 保存
+    submit() {
+      const msg = {
+        problemCode: this.$lwLanguage.get('', '问题大类不能为空'),
+        problemDescription: this.$lwLanguage.get('', '问题现象不能为空'),
+        problemPosition: this.$lwLanguage.get('', '问题部位不能为空'),
+        problemAffect: this.$lwLanguage.get('', '造成后果不能为空'),
+        problemLevel: this.$lwLanguage.get('', '问题等级不能为空'),
+      }
+
+      for (const i in this.requiredForm) {
+        if (i === 'problemName') continue
+
+        if (!this.requiredForm[i]) return this.$lwShowErrorMsg(msg[i])
+      }
+
+      if (!this.imgArr.length) {
+        this.$lwShowErrorMsg(
+          this.$lwLanguage.get('', '请上传问题图片')
+        )
+        return
+      }
+
+      let api = null
+      let data = {}
+      const {img, vin, qualityLineId} = this.$route.query
+      if (this.vinData.qualityId) {
+        api = qualityLineId ? projectVinPDAQualityUpdateLineInfo : projectVinPDAQualityAppendLine
+        data.qualityId = this.vinData.qualityId
+      } else {
+
+        api = projectVinPDAQualityCreate
+        data = {
+          ...this.routerData,
+          vin,
+          vehicleImages: img,
+        }
+      }
+
+      api({
+        ...data,
+        lineData: {
+          ...this.requiredForm,
+          qualityLineId,
+          remark: this.remark,
+          images: this.imgArr.join('|')
+        }
+      }).then(() => {
+        this.$lwToast.success(
+          this.$lwLanguage.get('', '操作成功')
+        )
+        history.go(-1)
+      })
+
+
+    },
+  }
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/vin/page/quality/register/components/qualityRecordItem.vue

@@ -0,0 +1,112 @@
+<!--
+  质检记录数据项
+  @author: 张文
+  @date: 2023-04-24
+-->
+<template>
+  <div
+    class="lw-global-model-box lw-global-row-box"
+    @click="$emit('click')"
+  >
+
+    <div class="lw-global-flex-between">
+
+      <div class="lw-global-flex-start">
+        <lw-tag>
+          {{ item.typeLabel }}
+        </lw-tag>
+
+        <div class="lw-global-value-bold">
+          {{ item.vin }}
+        </div>
+      </div>
+      <lw-tag
+        :type="tagType"
+        round
+        plain
+      >
+        {{ item.billStatusLabel }}
+      </lw-tag>
+    </div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','车身号')"
+        :value="$lwCheckVal(item.vehicleNo)"
+        val-bold
+        :is-row="false"
+      />
+
+      <div
+
+        v-if="item.billStatus==='600' && !Number(item.problemCount || 0)"
+        class="lw-global-value-bold"
+        style="color: #1989fa"
+      >
+        {{ $lwLanguage.get('', '正常') }}
+      </div>
+      <lw-title-value-cell
+        v-else
+        :title="$lwLanguage.get('','问题数量')"
+        :value="$lwCheckVal(item.problemCount)"
+        val-bold
+        val-red
+        :is-row="false"
+      />
+
+    </div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','库位')"
+        :value="$lwCheckVal(item.locCode)"
+        val-bold
+        :is-row="false"
+      />
+
+      <div class="lw-global-value">
+        {{ $lwDate.format(item.insertDate, 'yyyy-MM-dd hh:mm:ss') }}
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "qualityRecordItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    tagType() {
+      switch (this.item.billStatus) {
+        case '100':
+          return 'primary';
+        case '200':
+          return 'warning';
+        case '600':
+          return 'success';
+        default:
+          return 'danger'
+      }
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/vin/page/quality/register/components/questionItem.vue

@@ -0,0 +1,87 @@
+<!--
+  质检问题数据项
+  @author: 张文
+  @date: 2023-04-24
+-->
+<template>
+  <div class="lw-global-model-box lw-global-row-box">
+    <div class="lw-global-value-bold">
+      {{ item.problemName + ' - ' + item.problemPosition }}
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','现象')"
+      :value="item.problemDescription"
+      :is-row="false"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','后果')"
+      :value="item.problemAffect"
+      :is-row="false"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','备注')"
+      :value="$lwCheckVal(item.remark)"
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','等级')"
+      :value="item.problemLevel"
+      :is-row="false"
+    />
+
+    <lw-img-look :img-list="item.images.split('|')"/>
+
+    <div class="lw-global-bottom-border" style="margin-bottom: 10px"></div>
+
+    <div class="lw-global-flex-end">
+
+      <lw-button
+        type="last"
+        mini
+        plain
+        block
+        @click="$emit('edit')"
+      >
+        {{ $lwLanguage.get('', '编辑') }}
+      </lw-button>
+
+      <lw-button
+        style="margin-left: 10px"
+        mini
+        block
+        @click="$emit('del')"
+      >
+        {{ $lwLanguage.get('', '删除') }}
+      </lw-button>
+
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "questionItem",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>

package/src/views/vin/page/quality/register/components/vinInfo.vue

@@ -0,0 +1,80 @@
+<!--
+  车辆信息
+  @author: 张文
+  @date: 2023-04-18
+-->
+<template>
+  <div class="lw-global-model-box lw-global-row-box">
+
+    <div class="lw-global-value-bold">{{ item.vin }}</div>
+
+    <div class="lw-global-flex-between">
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','车身号')"
+        :value="$lwCheckVal(item.vehicleNo)"
+        :is-row="false"
+      />
+
+      <lw-title-value-cell
+        :title="$lwLanguage.get('','问题数')"
+        :value="$lwCheckVal(item.problemCount)"
+        :is-row="false"
+        val-bold
+        val-red
+      />
+
+    </div>
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','品牌')"
+      :value="$lwCheckVal(item.vehicleBrand)"
+      :is-row="false"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','车型')"
+      :value="$lwCheckVal(item.vehicleType)"
+      :is-row="false"
+      val-bold
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','配置')"
+      :value="$lwCheckVal(item.vehicleConfig)"
+      :is-row="false"
+    />
+
+    <lw-title-value-cell
+      :title="$lwLanguage.get('','颜色')"
+      :value="$lwCheckVal(item.vehicleColor)"
+      :is-row="false"
+    />
+
+    <slot></slot>
+
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "vinInfo",
+  props: {
+    item: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  data() {
+    return {}
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="less">
+
+</style>