style：模具管理-工单查询页面更换接口

3 weeks ago · b9c75e12d8
parent 6100765fd1
commit b9c75e12d8
3 changed files with 226 additions and 2 deletions
--- a/src/api/mold/ticketManagement/index.ts
+++ b/src/api/mold/ticketManagement/index.ts
@ -0,0 +1,51 @@
+import request from '@/config/axios'
+
+export interface TicketManagementVO {
+  id?: number
+  subjectId?: string
+  planId?: string
+  planNo?: string
+  deviceName?: string
+  planType?: string | number
+  configName?: string
+  jobStatus?: string | number
+  jobResult?: string
+  jobUser?: string
+  taskTime?: string
+  taskEndTime?: string
+  remark?: string
+  creator?: string
+  createTime?: string
+}
+
+export interface TicketResultVO {
+  id?: number
+  inspectionItemName?: string
+  inspectionMethod?: string
+  judgmentCriteria?: string
+  inspectionResult?: string | number
+  images?: string
+  remark?: string
+  inspectionTime?: string
+  inspector?: string
+  managementId?: string | number
+  createTime?: string
+}
+
+export const TicketManagementApi = {
+  getTicketManagementPage: async (params: any) => {
+    return await request.get({ url: `/mes/mold-ticket-management/page`, params })
+  },
+
+  batchUpdateTicketStatus: async (params: { ids: string; jobStatus: string | number }) => {
+    return await request.put({ url: `/mes/mold-ticket-management/batchUpdateStatus`, params })
+  },
+
+  getTicketResultsPage: async (params: any) => {
+    return await request.get({ url: `/mes/mold-ticket-results/page`, params })
+  },
+
+  batchUpdateTicketResults: async (data: TicketResultVO[]) => {
+    return await request.put({ url: `/mes/mold-ticket-results/batchUpdate`, data })
+  }
+}
--- a/src/views/mold/workOrderInquiry/components/TicketResultDialog.vue
+++ b/src/views/mold/workOrderInquiry/components/TicketResultDialog.vue
@ -0,0 +1,173 @@
+<template>
+  <Dialog v-model="dialogVisible" :title="dialogTitle" width="1100px">
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" :row-key="getRowKey">
+      <el-table-column type="index" label="序号" align="center" width="70" />
+      <el-table-column label="检验项名称" align="center" prop="inspectionItemName" min-width="180" />
+      <el-table-column label="检验方式" align="center" prop="inspectionMethod" min-width="140">
+        <template #default="scope">
+          <dict-tag type="Inspection_method" :value="scope.row.inspectionMethod" />
+        </template>
+      </el-table-column>
+      <el-table-column label="判定基准" align="center" prop="judgmentCriteria" min-width="160" />
+      <el-table-column label="检验结果" align="center" prop="inspectionResult" width="120">
+        <template #default="scope">
+          <el-tag v-if="String(scope.row.inspectionResult) === '0'" type="info">待检测</el-tag>
+          <el-tag v-else-if="String(scope.row.inspectionResult) === '1'" type="success">通过</el-tag>
+          <el-tag v-else-if="String(scope.row.inspectionResult) === '2'" type="danger">不通过</el-tag>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="图片" align="center" prop="images" width="160">
+        <template #default="scope">
+          <UploadImg
+v-if="String(scope.row.inspectionResult) === '0'" v-model="imageMap[String(scope.row.id)]"
+            :drag="false" :show-btn-text="false" width="64px" height="64px" />
+          <el-image
+v-else-if="scope.row.images" :src="parseFirstImage(scope.row.images)"
+            :preview-src-list="parseImages(scope.row.images)" preview-teleported fit="cover"
+            style="width: 64px; height: 64px" />
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="备注" align="center" prop="remark" min-width="160" />
+      <el-table-column label="操作" align="center" width="200" fixed="right">
+        <template #default="scope">
+          <el-radio-group v-if="String(scope.row.inspectionResult) === '0'" v-model="decisionMap[String(scope.row.id)]">
+            <el-radio :label="'1'">通过</el-radio>
+            <el-radio :label="'2'">不通过</el-radio>
+          </el-radio-group>
+          <span v-else>-</span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+v-show="total > 0" v-model:current-page="queryParams.pageNo" v-model:page-size="queryParams.pageSize"
+      :background="true" :page-sizes="[10, 20, 30, 50, 100]" :pager-count="7" :total="total"
+      class="mt-15px mb-15px flex justify-end" layout="total, sizes, prev, pager, next, jumper"
+      @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+
+    <template #footer>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="handleSave" :loading="submitLoading">保 存</el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { TicketManagementApi, TicketResultVO } from '@/api/mold/ticketManagement'
+
+defineOptions({ name: 'TicketResultDialog' })
+
+const message = useMessage()
+
+const dialogVisible = ref(false)
+const dialogTitle = ref('检验结果')
+const loading = ref(false)
+const submitLoading = ref(false)
+
+const list = ref<TicketResultVO[]>([])
+const total = ref(0)
+const managementId = ref<number | undefined>(undefined)
+const decisionMap = reactive<Record<string, '1' | '2' | undefined>>({})
+const imageMap = reactive<Record<string, string>>({})
+
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10
+})
+
+const open = async (options: { managementId: number; title?: string }) => {
+  dialogVisible.value = true
+  dialogTitle.value = options.title || '检验结果'
+  managementId.value = options.managementId
+  for (const key of Object.keys(decisionMap)) delete decisionMap[key]
+  for (const key of Object.keys(imageMap)) delete imageMap[key]
+  queryParams.pageNo = 1
+  await getList()
+}
+
+defineExpose({ open })
+
+const getList = async () => {
+  if (!managementId.value) return
+  loading.value = true
+  try {
+    const data = await TicketManagementApi.getTicketResultsPage({
+      pageNo: queryParams.pageNo,
+      pageSize: queryParams.pageSize,
+      managementId: managementId.value
+    })
+    list.value = data.list
+    total.value = data.total
+
+    for (const row of list.value) {
+      const id = row?.id
+      if (!id) continue
+      if (row.images && !imageMap[String(id)]) {
+        imageMap[String(id)] = parseFirstImage(row.images)
+      }
+    }
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleSizeChange = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+const handleCurrentChange = () => {
+  getList()
+}
+
+const handleSave = async () => {
+  const payload: TicketResultVO[] = []
+  for (const row of list.value) {
+    if (!row?.id) continue
+    if (String(row.inspectionResult) !== '0') continue
+    const decision = decisionMap[String(row.id)]
+    if (!decision) continue
+    const img = imageMap[String(row.id)]
+    payload.push({ ...(row as any), inspectionResult: decision, images: img || row.images })
+  }
+  if (!payload.length) {
+    message.error('请先为待检测记录选择通过或不通过')
+    return
+  }
+  submitLoading.value = true
+  try {
+    await TicketManagementApi.batchUpdateTicketResults(payload)
+    message.success('更新成功')
+    dialogVisible.value = false
+  } catch {
+    message.error('更新失败')
+  } finally {
+    submitLoading.value = false
+  }
+}
+
+const getRowKey = (row: TicketResultVO) => {
+  return String(row.id ?? '')
+}
+
+const parseImages = (value: any): string[] => {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map(String).filter(Boolean)
+  return String(value)
+    .split(',')
+    .map((v) => v.trim())
+    .filter(Boolean)
+}
+
+const parseFirstImage = (value: any): string => {
+  return parseImages(value)[0] || ''
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.el-upload) {
+  margin: 0 auto;
+}
+</style>
--- a/src/views/mold/workOrderInquiry/index.vue
+++ b/src/views/mold/workOrderInquiry/index.vue
@ -92,8 +92,8 @@
 import { dateFormatter } from '@/utils/formatTime'
 import { getStrDictOptions } from '@/utils/dict'
 import { useDictStoreWithOut } from '@/store/modules/dict'
-import { TicketManagementApi, TicketManagementVO } from '@/api/mes/ticketManagement'
-import TicketResultDialog from '@/views/mes/workOrderManagement/components/TicketResultDialog.vue'
+import { TicketManagementApi, TicketManagementVO } from '@/api/mold/ticketManagement'
+import TicketResultDialog from '@/views/mold/workOrderInquiry/components/TicketResultDialog.vue'

 defineOptions({ name: 'MoldWorkOrderInquiry' })