This commit is contained in:
parent
2a7b932a72
commit
2136e199fe
|
|
@ -0,0 +1,46 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 获取待修工具和装备列表
|
||||||
|
export const getToBeRepairList = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/repair/getToBeRepairList',
|
||||||
|
method: 'GET',
|
||||||
|
params: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//提交申请
|
||||||
|
export const addRepairData = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/repair/addRepairData',
|
||||||
|
method: 'POST',
|
||||||
|
data: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取维修列表
|
||||||
|
export const getRepairList = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/repair/getRepairList',
|
||||||
|
method: 'GET',
|
||||||
|
params: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取维修详情列表
|
||||||
|
export const getRepairDetailsList = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/repair/getRepairDetailsList',
|
||||||
|
method: 'GET',
|
||||||
|
params: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 维修列表删除
|
||||||
|
export const deleteRepairList = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/repair/deleteRepairList',
|
||||||
|
method: 'POST',
|
||||||
|
data: data,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,226 @@
|
||||||
|
<template>
|
||||||
|
<el-dialog
|
||||||
|
title="选择编码工具"
|
||||||
|
:visible.sync="visible"
|
||||||
|
width="70%"
|
||||||
|
@close="handleClose"
|
||||||
|
>
|
||||||
|
<!-- 查询条件 -->
|
||||||
|
<el-form :model="queryParams" inline size="small" label-width="80px">
|
||||||
|
<el-form-item label="名称">
|
||||||
|
<el-input v-model="queryParams.typeName" placeholder="输入内容"
|
||||||
|
clearable style="width: 200px"
|
||||||
|
@keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="规格型号">
|
||||||
|
<el-input v-model="queryParams.typeModelName" placeholder="输入内容"
|
||||||
|
clearable style="width: 200px"
|
||||||
|
@keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="编码">
|
||||||
|
<el-input v-model="queryParams.code" placeholder="输入内容"
|
||||||
|
clearable style="width: 200px"
|
||||||
|
@keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="handleQuery">查询</el-button>
|
||||||
|
<el-button @click="resetQuery">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!-- 表格 -->
|
||||||
|
<el-table
|
||||||
|
ref="multipleTable"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="tableList"
|
||||||
|
border stripe
|
||||||
|
height="550px"
|
||||||
|
:row-key="row => `${row.id}-${row.type}`"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column type="selection" width="50" :reserve-selection="true"/>
|
||||||
|
<el-table-column align="center" label="序号" type="index" width="60"/>
|
||||||
|
<el-table-column align="center" label="分类" prop="type" width="110"/>
|
||||||
|
<el-table-column align="center" label="类目" prop="groupName"/>
|
||||||
|
<el-table-column align="center" label="名称" prop="typeName"/>
|
||||||
|
<el-table-column align="center" label="规格型号" prop="typeModelName"/>
|
||||||
|
<el-table-column align="center" label="管理模式" prop="manageMode" width="110"/>
|
||||||
|
<el-table-column align="center" label="设备编码" prop="code" width="150"/>
|
||||||
|
<el-table-column align="center" label="在修数量" prop="tobeRepairNum" width="100"/>
|
||||||
|
<el-table-column align="center" label="维修数量" width="120">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<el-input
|
||||||
|
v-model="row.repairNum"
|
||||||
|
size="mini"
|
||||||
|
placeholder="输入数量"
|
||||||
|
@input="handleFixNumInput($event, row)"
|
||||||
|
@blur="handleFixNumBlur($event, row)"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 底部按钮 -->
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="visible = false">取消</el-button>
|
||||||
|
<el-button type="primary" @click="handleConfirm">确定添加</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getToBeRepairList } from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'SelectToolDialog',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
visible: false,
|
||||||
|
loading: false,
|
||||||
|
applyId: null,
|
||||||
|
|
||||||
|
queryParams: {
|
||||||
|
typeModelName: null,
|
||||||
|
typeName: null,
|
||||||
|
code: null,
|
||||||
|
},
|
||||||
|
|
||||||
|
tableList: [],
|
||||||
|
// selectedMap key 改为 `${id}-${type}`
|
||||||
|
selectedMap: new Map(),
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
openDialog(applyId, selectedRows = []) {
|
||||||
|
this.applyId = applyId
|
||||||
|
this.visible = true
|
||||||
|
|
||||||
|
// 初始化 selectedMap
|
||||||
|
this.selectedMap.clear()
|
||||||
|
|
||||||
|
// 添加数据到 selectedMap
|
||||||
|
selectedRows.forEach(row => {
|
||||||
|
if (row.keyId) {
|
||||||
|
this.selectedMap.set(row.keyId, {
|
||||||
|
...row,
|
||||||
|
repairNum: row.repairNum || (row.manageMode === '编码管理' ? 1 : 1)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
setFixNumToTableList(row, val) {
|
||||||
|
const index = this.tableList.findIndex(x => x.keyId === row.keyId)
|
||||||
|
if (index !== -1) {
|
||||||
|
this.$set(this.tableList[index], "repairNum", val)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
handleFixNumInput(val, row) {
|
||||||
|
if (row.manageMode === "编码管理") val = 1
|
||||||
|
this.setFixNumToTableList(row, val)
|
||||||
|
if (row.keyId && this.selectedMap.has(row.keyId)) this.selectedMap.get(row.keyId).repairNum = val
|
||||||
|
},
|
||||||
|
|
||||||
|
handleFixNumBlur(val, row) {
|
||||||
|
let num = Number(val)
|
||||||
|
if (!val || isNaN(num) || num <= 0) num = row.repairNum || 1
|
||||||
|
if (num > row.tobeRepairNum) {
|
||||||
|
num = row.tobeRepairNum
|
||||||
|
this.$message.warning("维修数量不能大于在修数量")
|
||||||
|
}
|
||||||
|
this.setFixNumToTableList(row, num)
|
||||||
|
if (row.keyId && this.selectedMap.has(row.keyId)) this.selectedMap.get(row.keyId).repairNum = num
|
||||||
|
},
|
||||||
|
|
||||||
|
async getList() {
|
||||||
|
this.loading = true
|
||||||
|
try {
|
||||||
|
const res = await getToBeRepairList({ ...this.queryParams })
|
||||||
|
const rows = res.data || []
|
||||||
|
|
||||||
|
this.tableList = rows.map(item => {
|
||||||
|
const selected = item.keyId ? this.selectedMap.get(item.keyId) : null
|
||||||
|
const isCodeManage = item.manageMode === "编码管理"
|
||||||
|
return {
|
||||||
|
...item,
|
||||||
|
repairNum: selected ? selected.repairNum : isCodeManage ? 1 : ""
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
// 过滤 selectedMap，只保留 tableList 中存在的 keyId
|
||||||
|
const tableKeys = new Set(this.tableList.map(r => r.keyId))
|
||||||
|
Array.from(this.selectedMap.keys()).forEach(key => {
|
||||||
|
if (!tableKeys.has(key)) this.selectedMap.delete(key)
|
||||||
|
})
|
||||||
|
|
||||||
|
this.$nextTick(() => this.restoreSelection())
|
||||||
|
} finally {
|
||||||
|
this.loading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
restoreSelection() {
|
||||||
|
if (!this.$refs.multipleTable) return
|
||||||
|
this.tableList.forEach(row => {
|
||||||
|
if (row.keyId && this.selectedMap.has(row.keyId)) {
|
||||||
|
this.$refs.multipleTable.toggleRowSelection(row, true)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
handleQuery() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
resetQuery() {
|
||||||
|
this.queryParams = {typeModelName: null, typeName: null, code: null}
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
selection.forEach(row => {
|
||||||
|
if (row.keyId && !this.selectedMap.has(row.keyId)) {
|
||||||
|
this.selectedMap.set(row.keyId, { ...row })
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
this.tableList.forEach(row => {
|
||||||
|
if (row.keyId && !selection.some(s => s.keyId === row.keyId)) {
|
||||||
|
this.selectedMap.delete(row.keyId)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
handleConfirm() {
|
||||||
|
if (this.selectedMap.size === 0) return this.$message.warning("请至少选择一条数据")
|
||||||
|
|
||||||
|
for (let item of this.selectedMap.values()) {
|
||||||
|
if (item.manageMode !== "编码管理") {
|
||||||
|
const num = Number(item.repairNum)
|
||||||
|
if (!num || num <= 0) return this.$message.warning(`维修数量必须大于 0（${item.typeName}）`)
|
||||||
|
if (num > item.tobeRepairNum) return this.$message.warning(`维修数量不能大于在修数量（${item.typeName}）`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$emit("confirm", [...this.selectedMap.values()])
|
||||||
|
this.visible = false
|
||||||
|
},
|
||||||
|
|
||||||
|
handleClose() {
|
||||||
|
this.selectedMap.clear()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,382 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 列表 -->
|
||||||
|
<el-card>
|
||||||
|
<el-row class="mb8" :gutter="10" justify="end">
|
||||||
|
<el-col :span="4">
|
||||||
|
<span style="font-size: 20px; font-weight: 800">申请列表</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col v-if="!routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
|
||||||
|
<el-button type="primary" @click="handleNumDialog">添加</el-button>
|
||||||
|
<el-button type="primary" @click="submit">确认申请</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="isLoading"
|
||||||
|
:data="tableList"
|
||||||
|
highlight-current-row
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:max-height="650"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- 序号列 -->
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
:index="(index) => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 动态列 -->
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
:width="column.width"
|
||||||
|
:min-width="column.minWidth"
|
||||||
|
align="center"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="!column.render">{{ scope.row[column.prop] }}</span>
|
||||||
|
<component
|
||||||
|
v-else
|
||||||
|
:is="{ render: (h) => column.render(h, { row: scope.row }) }"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column label="附件" align="center" width="90" :show-overflow-tooltip="true">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<div style="display: flex; align-items: center; justify-content: space-between">
|
||||||
|
<el-upload
|
||||||
|
ref="upload"
|
||||||
|
:limit="3"
|
||||||
|
:headers="upload.headers"
|
||||||
|
:action="upload.url"
|
||||||
|
:show-file-list="false"
|
||||||
|
accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
|
||||||
|
:on-success="handleFileSuccess2"
|
||||||
|
:auto-upload="true"
|
||||||
|
>
|
||||||
|
<el-button size="mini" type="text" @click="beforeFileUpload(scope.row)">上传</el-button>
|
||||||
|
</el-upload>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="picturePreview(scope.row)"
|
||||||
|
v-if="scope.row.bmFileInfos && scope.row.bmFileInfos.length > 0"
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<!-- 操作列 -->
|
||||||
|
<el-table-column label="操作" align="center" width="80px" v-if="!routerParams.isView">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" style="color: red">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 插入选择工具的弹窗 -->
|
||||||
|
<SelectToolDialog ref="addNum" @confirm="handleAddFromDialog" />
|
||||||
|
|
||||||
|
<!-- 图片查看弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
|
||||||
|
<img width="100%" height="500px" :src="dialogImageUrl" />
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getListByApplyIdApi, deleteToolApi, updateToolApplyApi } from '@/api/toolsManage'
|
||||||
|
import SelectToolDialog from './SelectToolDialog.vue'
|
||||||
|
import { getToken } from "@/utils/auth";
|
||||||
|
import {addRepairData} from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'AddEditTools',
|
||||||
|
components: { SelectToolDialog },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
routerParams: {},
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
parentTypeName: null,
|
||||||
|
typeName: null,
|
||||||
|
manageType: null,
|
||||||
|
applyId: null,
|
||||||
|
},
|
||||||
|
typeList: [
|
||||||
|
{ label: '数量管理', value: '0' },
|
||||||
|
{ label: '编码管理', value: '1' },
|
||||||
|
],
|
||||||
|
upload: {
|
||||||
|
headers: { Authorization: 'Bearer ' + getToken() },
|
||||||
|
url: process.env.VUE_APP_BASE_API + '/file/upload'
|
||||||
|
},
|
||||||
|
currentRowId: null,
|
||||||
|
dialogImageUrl: '',
|
||||||
|
dialogVisible: false,
|
||||||
|
tempMaCodeList: [],
|
||||||
|
total: 0,
|
||||||
|
tableList: [],
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '分类', prop: 'type', width: 75 },
|
||||||
|
{ label: '类目', prop: 'groupName' },
|
||||||
|
{ label: '名称', prop: 'typeName' },
|
||||||
|
{ label: '规格型号', prop: 'typeModelName' },
|
||||||
|
{
|
||||||
|
label: '管理模式',
|
||||||
|
prop: 'manageType',
|
||||||
|
width: '80',
|
||||||
|
render: (h, { row }) => h('span', {}, row.manageType === '0' ? '数量管理' : '编码管理')
|
||||||
|
},
|
||||||
|
{ label: '设备编码', prop: 'code' },
|
||||||
|
{ label: '维修数量', prop: 'repairNum', width: 80 },
|
||||||
|
{
|
||||||
|
label: '维修是否合格',
|
||||||
|
prop: 'isScrap',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) =>
|
||||||
|
h('el-select', {
|
||||||
|
props: { value: row.isScrap || '' },
|
||||||
|
on: {
|
||||||
|
input: val => {
|
||||||
|
this.$set(row, 'isScrap', val)
|
||||||
|
|
||||||
|
// === 新增：处理退役原因禁用/清空 ===
|
||||||
|
if (val === '0') {
|
||||||
|
// 选“是” → 清空并禁用退役原因
|
||||||
|
this.$set(row, 'reasonVal', '')
|
||||||
|
this.$set(row, 'reasonDisabled', true)
|
||||||
|
} else {
|
||||||
|
// 选“否” → 允许填写
|
||||||
|
this.$set(row, 'reasonDisabled', false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
style: 'width: 90px'
|
||||||
|
}, [
|
||||||
|
h('el-option', { props: { label: '是', value: '0' } }),
|
||||||
|
h('el-option', { props: { label: '否', value: '1' } }),
|
||||||
|
])
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '维修日期',
|
||||||
|
prop: 'repairTime',
|
||||||
|
width: '180',
|
||||||
|
render: (h, { row }) => h('el-date-picker', {
|
||||||
|
props: {
|
||||||
|
value: row.repairTime,
|
||||||
|
type: 'date',
|
||||||
|
placeholder: '选择日期',
|
||||||
|
format: 'yyyy-MM-dd',
|
||||||
|
'value-format': 'yyyy-MM-dd'
|
||||||
|
},
|
||||||
|
on: { input: val => this.$set(row, 'repairTime', val) },
|
||||||
|
style: 'width: 140px'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '退役原因',
|
||||||
|
prop: 'reasonVal',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) =>
|
||||||
|
h('el-select', {
|
||||||
|
props: {
|
||||||
|
value: row.reasonVal || '',
|
||||||
|
disabled: row.reasonDisabled === true // ⭐ 根据维修是否合格禁用
|
||||||
|
},
|
||||||
|
on: { input: val => this.$set(row, 'reasonVal', val) },
|
||||||
|
style: 'width: 90px'
|
||||||
|
}, [
|
||||||
|
h('el-option', { props: { label: '人为', value: '人为' } }),
|
||||||
|
h('el-option', { props: { label: '自然', value: '自然' } })
|
||||||
|
])
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.routerParams = this.$route.query
|
||||||
|
let title = '新增维修'
|
||||||
|
if (this.routerParams.isView) title = '查看工具'
|
||||||
|
else if (this.routerParams.isEdit) title = '编辑工具'
|
||||||
|
|
||||||
|
this.queryParams.applyId = this.routerParams.applyId || ''
|
||||||
|
const obj = Object.assign({}, this.$route, { title })
|
||||||
|
this.$tab.updatePage(obj)
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 文件上传成功处理-编码弹窗上传
|
||||||
|
// 文件上传成功处理
|
||||||
|
handleFileSuccess2(response, file, fileList) {
|
||||||
|
console.log('文件上传成功', response)
|
||||||
|
if (response.code === 200) {
|
||||||
|
let obj = {
|
||||||
|
fileName: response.data.name,
|
||||||
|
fileUrl: response.data.url
|
||||||
|
}
|
||||||
|
|
||||||
|
// 通过行ID找到对应的行
|
||||||
|
if (this.currentRowId !== null) {
|
||||||
|
// 在表格数据中查找对应的行
|
||||||
|
const targetRow = this.tableList.find(item => item.keyId === this.currentRowId)
|
||||||
|
if (targetRow) {
|
||||||
|
// 如果当前行还没有 bmFileInfos 数组，先创建
|
||||||
|
if (!targetRow.bmFileInfos) {
|
||||||
|
this.$set(targetRow, 'bmFileInfos', [])
|
||||||
|
}
|
||||||
|
// 将文件对象添加到 bmFileInfos 中
|
||||||
|
targetRow.bmFileInfos.push(obj)
|
||||||
|
this.$message.success('文件上传成功')
|
||||||
|
|
||||||
|
// 强制更新视图
|
||||||
|
this.$forceUpdate()
|
||||||
|
} else {
|
||||||
|
this.$message.warning('未找到对应的行数据')
|
||||||
|
}
|
||||||
|
// 重置 currentRowId
|
||||||
|
this.currentRowId = null
|
||||||
|
} else {
|
||||||
|
this.$message.warning('未找到对应的行数据')
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$message.error('文件上传失败：' + response.msg)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 上传前记录行ID
|
||||||
|
beforeFileUpload(row) {
|
||||||
|
this.currentRowId = row.keyId
|
||||||
|
console.log('记录当前行ID:', row.keyId)
|
||||||
|
},
|
||||||
|
|
||||||
|
// 图片预览方法
|
||||||
|
picturePreview(row) {
|
||||||
|
console.log('预览行数据:', row)
|
||||||
|
console.log('预览附件:', row.bmFileInfos)
|
||||||
|
if (row.bmFileInfos && row.bmFileInfos.length > 0) {
|
||||||
|
// 显示最新的文件（数组最后一个）
|
||||||
|
const file = row.bmFileInfos[row.bmFileInfos.length - 1]
|
||||||
|
console.log('预览文件:', file)
|
||||||
|
this.dialogImageUrl = file.fileUrl.replaceAll('#', '%23')
|
||||||
|
const parts = file.fileName.split('.')
|
||||||
|
const extension = parts.pop().toLowerCase()
|
||||||
|
if (['doc', 'docx', 'pdf'].includes(extension)) {
|
||||||
|
const windowName = file.fileName
|
||||||
|
window.open(file.fileUrl, windowName)
|
||||||
|
} else {
|
||||||
|
this.dialogVisible = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$message.warning('该行没有附件')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleQuery() { this.queryParams.pageNum = 1; this.getList() },
|
||||||
|
handleReset() { this.queryParams.pageNum = 1; this.queryParams.pageSize = 10; this.$refs.queryForm.resetFields(); this.getList() },
|
||||||
|
async getList() {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const res = await getListByApplyIdApi({ ...this.queryParams })
|
||||||
|
this.tableList = res.rows || []
|
||||||
|
this.total = res.total || 0
|
||||||
|
} finally { this.isLoading = false }
|
||||||
|
},
|
||||||
|
handleDelete(row) {
|
||||||
|
this.$confirm('确定删除该条数据?', '提示', { type: 'warning' }).then(() => {
|
||||||
|
this.tableList = this.tableList.filter(item => item.keyId !== row.keyId)
|
||||||
|
if (this.$refs.addNum) {
|
||||||
|
const dialog = this.$refs.addNum
|
||||||
|
dialog.selectedMap.delete(row.keyId)
|
||||||
|
dialog.tableList = dialog.tableList.filter(item => item.keyId !== row.keyId)
|
||||||
|
dialog.$nextTick(() => dialog.restoreSelection())
|
||||||
|
}
|
||||||
|
this.total = this.tableList.length
|
||||||
|
this.$message.success('删除成功')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleNumDialog() { if (this.$refs.addNum) this.$refs.addNum.openDialog(this.queryParams.applyId, this.tableList) },
|
||||||
|
handleAddFromDialog(rows) {
|
||||||
|
if (!rows || rows.length === 0) return
|
||||||
|
const existingKeys = new Set(this.tableList.map(item => item.keyId))
|
||||||
|
const newRows = rows.filter(item => !existingKeys.has(item.keyId))
|
||||||
|
newRows.forEach(item => {
|
||||||
|
if (item.manageMode === '编码管理') item.repairNum = 1
|
||||||
|
else if (!item.repairNum) item.repairNum = 1
|
||||||
|
if (this.$refs.addNum && this.$refs.addNum.selectedMap) this.$refs.addNum.selectedMap.set(item.keyId, item)
|
||||||
|
})
|
||||||
|
this.tableList = [...this.tableList, ...newRows]
|
||||||
|
this.total = this.tableList.length
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
this.$confirm('是否确定提交申请?', '提示', { type: 'warning' }).then(async () => {
|
||||||
|
// 校验：所有行必须填写合格字段、维修日期等（可选）
|
||||||
|
for (const row of this.tableList) {
|
||||||
|
if (!row.repairNum || row.repairNum === 0) {
|
||||||
|
return this.$message.warning(`【${row.typeName}】维修数量不能为空或为0`)
|
||||||
|
}
|
||||||
|
if (!row.isScrap) {
|
||||||
|
return this.$message.warning(`【${row.typeName}】请选择维修是否合格`)
|
||||||
|
}
|
||||||
|
if (!row.repairTime) {
|
||||||
|
return this.$message.warning(`【${row.typeName}】请选择维修日期`)
|
||||||
|
}
|
||||||
|
// 只有维修不合格时才必须填写退役原因
|
||||||
|
if (row.isScrap === '1' && !row.reasonVal) {
|
||||||
|
return this.$message.warning(`【${row.typeName}】请选择退役原因`)
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const payload = {
|
||||||
|
toBeRepairList: this.tableList
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("提交内容：", payload)
|
||||||
|
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const res = await addRepairData(payload)
|
||||||
|
if (res.code ==200){
|
||||||
|
this.$message.success('操作成功!')
|
||||||
|
this.$tab.closeOpenPage({ path: './repairList' })
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg || '申请失败')
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
this.$message.error('申请失败')
|
||||||
|
}finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,217 @@
|
||||||
|
<template>
|
||||||
|
<!-- 基础页面 -->
|
||||||
|
<div class="app-container">
|
||||||
|
<el-card v-show="showSearch" style="margin-bottom: 20px">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" inline @submit.native.prevent>
|
||||||
|
<el-form-item label="任务状态" prop="status">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.status"
|
||||||
|
placeholder="请选择审批状态"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 日期范围 -->
|
||||||
|
<el-form-item label="申请日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="timeRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
clearable
|
||||||
|
unlink-panels
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 表单按钮 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="10" class="mb8" justify="end">
|
||||||
|
<el-col :span="4">
|
||||||
|
<span style="font-size: 20px; font-weight: 800">维修申请列表</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="24" style="display: flex; justify-content: flex-end">
|
||||||
|
<el-button type="primary" icon="el-icon-plus" @click="handleAdd">新建申请</el-button>
|
||||||
|
</el-col>
|
||||||
|
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="isLoading"
|
||||||
|
:data="tableList"
|
||||||
|
highlight-current-row
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:max-height="650"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
:index="(index) => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
show-overflow-tooltip
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<!-- <!– 插槽 –>-->
|
||||||
|
<!-- <template v-slot="{ row }" v-if="column.prop == 'status'">-->
|
||||||
|
<!-- <el-tag v-if="row.status == '0'" type="info">草稿</el-tag>-->
|
||||||
|
<!-- <el-tag v-if="row.status == '1'" type="warning">审批中</el-tag>-->
|
||||||
|
<!-- <el-tag v-if="row.status == '2'" type="success">已审批</el-tag>-->
|
||||||
|
<!-- </template>-->
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button v-if="row.status != '已驳回'" size="mini" type="text" icon="el-icon-zoom-in" @click="handleView(row)">查看</el-button>
|
||||||
|
<el-button v-if="row.status == '已驳回'" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>
|
||||||
|
<el-button v-if="row.status == '已驳回'" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)" style="color: red"
|
||||||
|
>删除</el-button
|
||||||
|
>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 分页 -->
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getToolApplyListApi, deleteToolApplyApi } from '@/api/toolsManage'
|
||||||
|
import {deleteRepairList, getRepairList} from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ApplicantList',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
timeRange: [],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
status: null,
|
||||||
|
createBy: null,
|
||||||
|
startTime: null,
|
||||||
|
endTime: null,
|
||||||
|
},
|
||||||
|
statusList: [
|
||||||
|
{ label: '审批中', value: '0' },
|
||||||
|
{ label: '已通过', value: '1' },
|
||||||
|
{ label: '已驳回', value: '2' },
|
||||||
|
],
|
||||||
|
total: 0, // 总条数
|
||||||
|
// 表头
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '维修单号', prop: 'code' },
|
||||||
|
{ label: '维修装备数', prop: 'equipmentNum' },
|
||||||
|
{ label: '维修工具数', prop: 'toolNum' },
|
||||||
|
{ label: '任务状态', prop: 'status' },
|
||||||
|
{ label: '申请人', prop: 'createUser' },
|
||||||
|
{ label: '申请时间', prop: 'createTime' },
|
||||||
|
],
|
||||||
|
// 表格数据
|
||||||
|
tableList: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
handleReset() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.queryParams.pageSize = 10
|
||||||
|
this.timeRange = []
|
||||||
|
this.$refs.queryForm.resetFields()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
async getList() {
|
||||||
|
console.log('列表-查询', this.queryParams)
|
||||||
|
this.isLoading = true
|
||||||
|
this.queryParams.startTime = this.timeRange && this.timeRange[0] ? this.timeRange[0] : null
|
||||||
|
this.queryParams.endTime = this.timeRange && this.timeRange[1] ? this.timeRange[1] : null
|
||||||
|
try {
|
||||||
|
const params = { ...this.queryParams }
|
||||||
|
const res = await getRepairList(params)
|
||||||
|
this.tableList = res.data.rows || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
} catch (error) {
|
||||||
|
this.tableList = []
|
||||||
|
this.total = 0
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新增
|
||||||
|
handleAdd() {
|
||||||
|
this.$router.push({ path: './addRepair' })
|
||||||
|
},
|
||||||
|
// 查看
|
||||||
|
handleView(row) {
|
||||||
|
this.$router.push({ path: './repairView', query: { applyId: row.id, isView: true } })
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
handleEdit(row) {
|
||||||
|
this.$router.push({ path: '/toolsManage/addTools', query: { applyId: row.id, isEdit: true } })
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
handleDelete(row) {
|
||||||
|
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}).then(async () => {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
await deleteRepairList({ id: row.id })
|
||||||
|
// 提示
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功!',
|
||||||
|
})
|
||||||
|
this.getList()
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
|
|
@ -0,0 +1,166 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 列表 -->
|
||||||
|
<el-card>
|
||||||
|
<el-row class="mb8" :gutter="10" justify="end">
|
||||||
|
<el-col :span="4">
|
||||||
|
<span style="font-size: 20px; font-weight: 800">申请列表</span>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="isLoading"
|
||||||
|
:data="tableList"
|
||||||
|
highlight-current-row
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:max-height="650"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<!-- 序号列 -->
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 动态列 -->
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
:width="column.width"
|
||||||
|
:min-width="column.minWidth"
|
||||||
|
align="center"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="!column.render">{{ scope.row[column.prop] }}</span>
|
||||||
|
<component
|
||||||
|
v-else
|
||||||
|
:is="{ render: (h) => column.render(h, { row: scope.row }) }"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<!-- 附件列 -->
|
||||||
|
<el-table-column label="附件" align="center" width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="picturePreview(scope.row)"
|
||||||
|
v-if="scope.row.url"
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
<span v-else>无</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 图片查看弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
|
||||||
|
<img width="100%" height="500px" :src="dialogImageUrl" />
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getRepairDetailsList } from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ViewRepairListNoPagination',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
routerParams: {},
|
||||||
|
isLoading: false,
|
||||||
|
queryParams: {
|
||||||
|
parentTypeName: null,
|
||||||
|
typeName: null,
|
||||||
|
manageType: null,
|
||||||
|
applyId: null,
|
||||||
|
id: null
|
||||||
|
},
|
||||||
|
dialogImageUrl: '',
|
||||||
|
dialogVisible: false,
|
||||||
|
tableList: [],
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '分类', prop: 'type', width: 75 },
|
||||||
|
{ label: '类目', prop: 'groupName' },
|
||||||
|
{ label: '名称', prop: 'typeName' },
|
||||||
|
{ label: '规格型号', prop: 'typeModelName' },
|
||||||
|
{
|
||||||
|
label: '管理模式',
|
||||||
|
prop: 'manageType',
|
||||||
|
width: '80',
|
||||||
|
render: (h, { row }) => h('span', {}, row.manageType === '0' ? '数量管理' : '编码管理')
|
||||||
|
},
|
||||||
|
{ label: '设备编码', prop: 'code' },
|
||||||
|
{ label: '维修数量', prop: 'repairNum', width: 80 },
|
||||||
|
{
|
||||||
|
label: '维修是否合格',
|
||||||
|
prop: 'isScrap',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) => h('span', {}, row.isScrap === '0' ? '是' : '否')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '维修日期',
|
||||||
|
prop: 'repairTime',
|
||||||
|
width: '150',
|
||||||
|
render: (h, { row }) => h('span', {}, row.repairTime || '-')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '退役原因',
|
||||||
|
prop: 'reasonVal',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) => h('span', {}, row.reasonVal || '-')
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.routerParams = this.$route.query
|
||||||
|
const title = this.routerParams.isView ? '维修查看' : '列表查看'
|
||||||
|
this.queryParams.id = this.routerParams.applyId || ''
|
||||||
|
this.$tab.updatePage(Object.assign({}, this.$route, { title }))
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList() {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const res = await getRepairDetailsList({ ...this.queryParams })
|
||||||
|
this.tableList = res.data || []
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 图片预览
|
||||||
|
picturePreview(row) {
|
||||||
|
if (row.url) {
|
||||||
|
this.dialogImageUrl = row.url.replaceAll('#', '%23')
|
||||||
|
// 从URL中提取文件名
|
||||||
|
const urlParts = row.url.split('/');
|
||||||
|
const fileNameWithParams = urlParts[urlParts.length - 1];
|
||||||
|
|
||||||
|
// 去除URL参数，获取纯文件名
|
||||||
|
const fileName = fileNameWithParams.split('?')[0];
|
||||||
|
const parts = fileName.split('.')
|
||||||
|
const extension = parts.pop().toLowerCase()
|
||||||
|
if (['doc', 'docx', 'pdf'].includes(extension)) {
|
||||||
|
window.open(row.url, fileName)
|
||||||
|
} else {
|
||||||
|
this.dialogVisible = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$message.warning('该行没有附件')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
@ -0,0 +1,200 @@
|
||||||
|
<template>
|
||||||
|
<!-- 基础页面 -->
|
||||||
|
<div class="app-container">
|
||||||
|
<el-card v-show="showSearch" style="margin-bottom: 20px">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" inline @submit.native.prevent>
|
||||||
|
<el-form-item label="任务状态" prop="status">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.status"
|
||||||
|
placeholder="请选择审批状态"
|
||||||
|
clearable
|
||||||
|
filterable
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 日期范围 -->
|
||||||
|
<el-form-item label="申请日期">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="timeRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
clearable
|
||||||
|
unlink-panels
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 表单按钮 -->
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
|
||||||
|
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="10" class="mb8" justify="end">
|
||||||
|
<el-col :span="4">
|
||||||
|
<span style="font-size: 20px; font-weight: 800">维修审核列表</span>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="isLoading"
|
||||||
|
:data="tableList"
|
||||||
|
highlight-current-row
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:max-height="650"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
:index="(index) => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
show-overflow-tooltip
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button size="mini" type="text" icon="el-icon-zoom-in" @click="handleView(row)">查看</el-button>
|
||||||
|
<el-button v-if="row.status == '审核中'" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">审核</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 分页 -->
|
||||||
|
<pagination
|
||||||
|
v-show="total > 0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getToolApplyListApi, deleteToolApplyApi } from '@/api/toolsManage'
|
||||||
|
import {deleteRepairList, getRepairList} from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ApplicantList',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
timeRange: [],
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
status: null,
|
||||||
|
createBy: null,
|
||||||
|
startTime: null,
|
||||||
|
endTime: null,
|
||||||
|
},
|
||||||
|
statusList: [
|
||||||
|
{ label: '审批中', value: '0' },
|
||||||
|
{ label: '已通过', value: '1' },
|
||||||
|
{ label: '已驳回', value: '2' },
|
||||||
|
],
|
||||||
|
total: 0, // 总条数
|
||||||
|
// 表头
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '维修单号', prop: 'code' },
|
||||||
|
{ label: '维修装备数', prop: 'equipmentNum' },
|
||||||
|
{ label: '维修工具数', prop: 'toolNum' },
|
||||||
|
{ label: '任务状态', prop: 'status' },
|
||||||
|
{ label: '申请人', prop: 'createUser' },
|
||||||
|
{ label: '申请时间', prop: 'createTime' },
|
||||||
|
],
|
||||||
|
// 表格数据
|
||||||
|
tableList: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
handleReset() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.queryParams.pageSize = 10
|
||||||
|
this.timeRange = []
|
||||||
|
this.$refs.queryForm.resetFields()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
async getList() {
|
||||||
|
console.log('列表-查询', this.queryParams)
|
||||||
|
this.isLoading = true
|
||||||
|
this.queryParams.startTime = this.timeRange && this.timeRange[0] ? this.timeRange[0] : null
|
||||||
|
this.queryParams.endTime = this.timeRange && this.timeRange[1] ? this.timeRange[1] : null
|
||||||
|
try {
|
||||||
|
const params = { ...this.queryParams }
|
||||||
|
const res = await getRepairList(params)
|
||||||
|
this.tableList = res.data.rows || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
} catch (error) {
|
||||||
|
this.tableList = []
|
||||||
|
this.total = 0
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 查看
|
||||||
|
handleView(row) {
|
||||||
|
this.$router.push({ path: './repairView', query: { applyId: row.id, isView: true } })
|
||||||
|
},
|
||||||
|
// 编辑
|
||||||
|
handleEdit(row) {
|
||||||
|
this.$router.push({ path: './repairDetailsAudit', query: { applyId: row.id, isEdit: true } })
|
||||||
|
},
|
||||||
|
// 删除
|
||||||
|
handleDelete(row) {
|
||||||
|
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}).then(async () => {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
await deleteRepairList({ id: row.id })
|
||||||
|
// 提示
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功!',
|
||||||
|
})
|
||||||
|
this.getList()
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
|
|
@ -0,0 +1,197 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<!-- 列表 -->
|
||||||
|
<el-card>
|
||||||
|
<el-row class="mb8" :gutter="10" justify="end">
|
||||||
|
<el-col :span="4">
|
||||||
|
<span style="font-size: 20px; font-weight: 800">申请列表</span>
|
||||||
|
</el-col>
|
||||||
|
<el-col v-if="!routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
|
||||||
|
<el-button type="primary" @click="handleApprove">通过</el-button>
|
||||||
|
<el-button type="danger" @click="handleReject">驳回</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="isLoading"
|
||||||
|
:data="tableList"
|
||||||
|
highlight-current-row
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
:max-height="650"
|
||||||
|
style="width: 100%"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<!-- 复选框列 -->
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 序号列 -->
|
||||||
|
<el-table-column
|
||||||
|
type="index"
|
||||||
|
width="55"
|
||||||
|
label="序号"
|
||||||
|
align="center"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 动态列 -->
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
:width="column.width"
|
||||||
|
:min-width="column.minWidth"
|
||||||
|
align="center"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="!column.render">{{ scope.row[column.prop] }}</span>
|
||||||
|
<component
|
||||||
|
v-else
|
||||||
|
:is="{ render: (h) => column.render(h, { row: scope.row }) }"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<!-- 附件列 -->
|
||||||
|
<el-table-column label="附件" align="center" width="90">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
@click="picturePreview(scope.row)"
|
||||||
|
v-if="scope.row.url"
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
<span v-else>无</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<!-- 图片查看弹窗 -->
|
||||||
|
<el-dialog :visible.sync="dialogVisible" width="500px" height="500px">
|
||||||
|
<img width="100%" height="500px" :src="dialogImageUrl" />
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getRepairDetailsList } from "@/api/equipmentRepair";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'ViewRepairListNoPagination',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
routerParams: {},
|
||||||
|
isLoading: false,
|
||||||
|
queryParams: {
|
||||||
|
parentTypeName: null,
|
||||||
|
typeName: null,
|
||||||
|
manageType: null,
|
||||||
|
applyId: null,
|
||||||
|
id: null
|
||||||
|
},
|
||||||
|
dialogImageUrl: '',
|
||||||
|
dialogVisible: false,
|
||||||
|
tableList: [],
|
||||||
|
selectedRows: [], // 存储选中的行
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '分类', prop: 'type', width: 75 },
|
||||||
|
{ label: '类目', prop: 'groupName' },
|
||||||
|
{ label: '名称', prop: 'typeName' },
|
||||||
|
{ label: '规格型号', prop: 'typeModelName' },
|
||||||
|
{
|
||||||
|
label: '管理模式',
|
||||||
|
prop: 'manageType',
|
||||||
|
width: '80',
|
||||||
|
render: (h, { row }) => h('span', {}, row.manageType === '0' ? '数量管理' : '编码管理')
|
||||||
|
},
|
||||||
|
{ label: '设备编码', prop: 'code' },
|
||||||
|
{ label: '维修数量', prop: 'repairNum', width: 80 },
|
||||||
|
{
|
||||||
|
label: '维修是否合格',
|
||||||
|
prop: 'isScrap',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) => h('span', {}, row.isScrap === '0' ? '是' : '否')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '维修日期',
|
||||||
|
prop: 'repairTime',
|
||||||
|
width: '150',
|
||||||
|
render: (h, { row }) => h('span', {}, row.repairTime || '-')
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: '退役原因',
|
||||||
|
prop: 'reasonVal',
|
||||||
|
width: '120',
|
||||||
|
render: (h, { row }) => h('span', {}, row.reasonVal || '-')
|
||||||
|
},
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.routerParams = this.$route.query
|
||||||
|
const title = this.routerParams.isView ? '维修查看' : '列表查看'
|
||||||
|
this.queryParams.id = this.routerParams.applyId || ''
|
||||||
|
this.$tab.updatePage(Object.assign({}, this.$route, { title }))
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getList() {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const res = await getRepairDetailsList({ ...this.queryParams })
|
||||||
|
this.tableList = res.data || []
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleSelectionChange(val) {
|
||||||
|
this.selectedRows = val
|
||||||
|
},
|
||||||
|
handleApprove() {
|
||||||
|
if (this.selectedRows.length === 0) {
|
||||||
|
this.$message.warning('请至少选择一条数据')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// TODO: 调用通过接口
|
||||||
|
console.log('通过的行：', this.selectedRows)
|
||||||
|
this.$message.success('已通过选中数据')
|
||||||
|
},
|
||||||
|
handleReject() {
|
||||||
|
if (this.selectedRows.length === 0) {
|
||||||
|
this.$message.warning('请至少选择一条数据')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
// TODO: 调用驳回接口
|
||||||
|
console.log('驳回的行：', this.selectedRows)
|
||||||
|
this.$message.error('已驳回选中数据')
|
||||||
|
},
|
||||||
|
// 图片预览
|
||||||
|
picturePreview(row) {
|
||||||
|
if (row.url) {
|
||||||
|
this.dialogImageUrl = row.url.replaceAll('#', '%23')
|
||||||
|
const urlParts = row.url.split('/');
|
||||||
|
const fileNameWithParams = urlParts[urlParts.length - 1];
|
||||||
|
const fileName = fileNameWithParams.split('?')[0];
|
||||||
|
const parts = fileName.split('.')
|
||||||
|
const extension = parts.pop().toLowerCase()
|
||||||
|
if (['doc', 'docx', 'pdf'].includes(extension)) {
|
||||||
|
window.open(row.url, fileName)
|
||||||
|
} else {
|
||||||
|
this.dialogVisible = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.$message.warning('该行没有附件')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Loading…
Reference in New Issue