style:模具管理-工单查询页面更换接口
parent
6100765fd1
commit
b9c75e12d8
@ -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 })
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -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>
|
||||||
Loading…
Reference in New Issue