材料站退料预约
This commit is contained in:
parent
423fd360e6
commit
749c1afc3e
|
|
@ -621,7 +621,6 @@ export const getTeamNumThirdApi = data => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 总站点领料-列表
|
// 总站点领料-列表
|
||||||
export const getTotalListApi = data => {
|
export const getTotalListApi = data => {
|
||||||
return request({
|
return request({
|
||||||
|
|
@ -711,3 +710,66 @@ export function getTeamInOrOutInfoApi(data) {
|
||||||
params: data
|
params: data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约-列表
|
||||||
|
export function getBackApplyListApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/list',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约详情-列表
|
||||||
|
export function getUseTypeListApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/getUseTypeList',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 退料单位-下拉
|
||||||
|
export function getProDepartmentByProApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/getProDepartmentByPro',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约-新增
|
||||||
|
export function addBackAppointmentApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/addBackAppointment',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约-编辑
|
||||||
|
export function editBackAppointmentApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/edit',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约-删除
|
||||||
|
export function deleteTask(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/deleteById',
|
||||||
|
method: 'post',
|
||||||
|
data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 材料站退料预约-详情
|
||||||
|
export function getListDetailsApi(data) {
|
||||||
|
return request({
|
||||||
|
url: '/material/material_back_appointment/getListDetails',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,359 @@
|
||||||
|
<template>
|
||||||
|
<!-- 基础页面 -->
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
v-show="showSearch"
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
inline
|
||||||
|
:rules="rules"
|
||||||
|
:disabled="routerParams.isDetails"
|
||||||
|
@submit.native.prevent
|
||||||
|
>
|
||||||
|
<el-form-item label="退料工程" prop="proId">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.proId"
|
||||||
|
placeholder="请选择退料工程"
|
||||||
|
clearable
|
||||||
|
:disabled="!routerParams.isAdd"
|
||||||
|
@change="handleProChange"
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option v-for="item in projectList" :key="item.proId" :label="item.proName" :value="item.proId" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料单位" prop="unitId">
|
||||||
|
<el-select
|
||||||
|
v-model="queryParams.unitId"
|
||||||
|
placeholder="请选择退料单位"
|
||||||
|
clearable
|
||||||
|
:disabled="!routerParams.isAdd"
|
||||||
|
@change="changeUnit"
|
||||||
|
style="width: 240px"
|
||||||
|
>
|
||||||
|
<el-option v-for="item in unitList" :key="item.unitId" :label="item.unitName" :value="item.unitId" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料人" prop="backPerson">
|
||||||
|
<el-input v-model="queryParams.backPerson" placeholder="请输入退料人" clearable style="width: 240px" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料时间" prop="backTime">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="queryParams.backTime"
|
||||||
|
type="date"
|
||||||
|
placeholder="退料时间"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
:picker-options="pickerOptions"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5" v-if="!routerParams.isDetails">
|
||||||
|
<el-button type="primary" plain icon="el-icon-check" size="mini" @click="submit(1)">提 交</el-button>
|
||||||
|
<el-button type="primary" plain icon="el-icon-finished" size="mini" @click="submit(0)">暂 存</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5" :offset="0">
|
||||||
|
<el-input
|
||||||
|
v-model="searchKey"
|
||||||
|
placeholder="请输入关键字搜索"
|
||||||
|
size="mini"
|
||||||
|
clearable
|
||||||
|
style="width: 200px; margin-bottom: 10px"
|
||||||
|
@keyup.enter="searchTable"
|
||||||
|
/>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5" :offset="0">
|
||||||
|
<el-button type="primary" size="mini" @click="searchTable">搜 索</el-button>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
ref="tableRef"
|
||||||
|
:data="tableList"
|
||||||
|
fit
|
||||||
|
highlight-current-row
|
||||||
|
style="width: 100%"
|
||||||
|
v-loading="isLoading"
|
||||||
|
:max-height="650"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="55" label="序号" align="center" />
|
||||||
|
<el-table-column
|
||||||
|
v-for="(column, index) in tableColumns"
|
||||||
|
show-overflow-tooltip
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
:width="column.width"
|
||||||
|
align="center"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }" v-if="column.prop == 'manageType'">
|
||||||
|
<span>{{ row.manageType == 1 ? '数量管理' : '编码管理' }}</span>
|
||||||
|
</template>
|
||||||
|
<template v-slot="{ row }" v-else-if="column.prop == 'backNum'">
|
||||||
|
<span v-if="!routerParams.isDetails">
|
||||||
|
<el-input-number
|
||||||
|
v-model="row.backNum"
|
||||||
|
placeholder="请输入退料数量"
|
||||||
|
clearable
|
||||||
|
:controls="false"
|
||||||
|
style="width: 100%"
|
||||||
|
@change="handleBackNum(row)"
|
||||||
|
/>
|
||||||
|
</span>
|
||||||
|
<span v-else>{{ row.backNum }}</span>
|
||||||
|
</template>
|
||||||
|
<template v-slot="{ row }" v-else-if="column.prop == 'remark'">
|
||||||
|
<span v-if="!routerParams.isDetails">
|
||||||
|
<el-input v-model="row.remark" placeholder="请输入备注" clearable :controls="false" style="width: 100%" />
|
||||||
|
</span>
|
||||||
|
<span v-else>{{ row.remark }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column v-if="!routerParams.isDetails" label="操作" align="center" width="100">
|
||||||
|
<template slot-scope="{ row, $index }">
|
||||||
|
<el-button type="text" size="mini" icon="el-icon-delete" @click="handleDelete($index)" style="color: #f56c6c">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
getListProject,
|
||||||
|
getProDepartmentByProApi,
|
||||||
|
getUseTypeListApi,
|
||||||
|
addBackAppointmentApi,
|
||||||
|
editBackAppointmentApi,
|
||||||
|
getListDetailsApi
|
||||||
|
} from '@/api/materialsStation'
|
||||||
|
import { formatTime } from '@/utils/bonus.js'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isSubmit: false,
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return time.getTime() > Date.now()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
queryParams: {
|
||||||
|
unitId: '', // 退料单位
|
||||||
|
proId: '', // 退料工程
|
||||||
|
projectId: '',
|
||||||
|
backPerson: '', // 退料人
|
||||||
|
backTime: '', // 退料时间
|
||||||
|
agreementId: ''
|
||||||
|
},
|
||||||
|
rules: {
|
||||||
|
unitId: [{ required: true, message: '请选择退料单位', trigger: 'change' }],
|
||||||
|
proId: [{ required: true, message: '请选择退料工程', trigger: 'change' }],
|
||||||
|
backPerson: [{ required: true, message: '请输入退料人', trigger: 'blur' }],
|
||||||
|
backTime: [{ required: true, message: '请选择退料时间', trigger: 'change' }]
|
||||||
|
},
|
||||||
|
projectList: [],
|
||||||
|
unitList: [],
|
||||||
|
total: 0, // 总条数
|
||||||
|
// 表头
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '物资名称', prop: 'typeName' },
|
||||||
|
{ label: '规格型号', prop: 'typeModel' },
|
||||||
|
{ label: '计量单位', prop: 'unitName' },
|
||||||
|
{ label: '当前再用量', prop: 'num' },
|
||||||
|
{ label: '管理模式', prop: 'manageType' },
|
||||||
|
{ label: '退料数量', prop: 'backNum', width: 200 },
|
||||||
|
{ label: '备注', prop: 'remark', width: 200 }
|
||||||
|
],
|
||||||
|
// 表格数据
|
||||||
|
tableList: [],
|
||||||
|
routerParams: {},
|
||||||
|
searchKey: '', // 输入的关键字
|
||||||
|
currentIndex: -1 // 当前定位到的行
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.routerParams = this.$route.query
|
||||||
|
this.routerParams.isAdd = JSON.parse(this.routerParams.isAdd)
|
||||||
|
this.routerParams.isDetails = JSON.parse(this.routerParams.isDetails)
|
||||||
|
console.log('🚀 ~ created ~ this.routerParams:', this.routerParams)
|
||||||
|
let obj = {}
|
||||||
|
if (this.routerParams.isAdd) {
|
||||||
|
obj = Object.assign({}, this.$route, { title: '新增退料预约' })
|
||||||
|
this.$tab.updatePage(obj)
|
||||||
|
} else if (!this.routerParams.isAdd && !this.routerParams.isDetails) {
|
||||||
|
obj = Object.assign({}, this.$route, { title: '编辑退料预约' })
|
||||||
|
this.$tab.updatePage(obj)
|
||||||
|
this.getDetails()
|
||||||
|
} else {
|
||||||
|
// 获取详情
|
||||||
|
this.getDetails()
|
||||||
|
}
|
||||||
|
this.projectInfoList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
searchTable() {
|
||||||
|
if (!this.searchKey) return this.$message.warning('请输入关键字')
|
||||||
|
|
||||||
|
// 查找 tableList 中第一个匹配的数据
|
||||||
|
const index = this.tableList.findIndex(item =>
|
||||||
|
Object.values(item).some(val => String(val).includes(this.searchKey))
|
||||||
|
)
|
||||||
|
|
||||||
|
if (index === -1) {
|
||||||
|
this.$message.error('未找到匹配的数据')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
this.currentIndex = index
|
||||||
|
|
||||||
|
// 高亮该行
|
||||||
|
this.$refs.tableRef.setCurrentRow(this.tableList[index])
|
||||||
|
|
||||||
|
// 滚动到该行
|
||||||
|
this.$nextTick(() => {
|
||||||
|
const rowEl = this.$refs.tableRef.$el.querySelectorAll('.el-table__body-wrapper tbody tr')[index]
|
||||||
|
if (rowEl) rowEl.scrollIntoView({ behavior: 'smooth', block: 'center' })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
async projectInfoList() {
|
||||||
|
try {
|
||||||
|
const res = await getListProject({ unitId: null, isApp: true })
|
||||||
|
this.projectList = res.data
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ projectInfoList ~ error:', error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async GetUnitData() {
|
||||||
|
try {
|
||||||
|
const res = await getProDepartmentByProApi({ proId: this.queryParams.proId })
|
||||||
|
this.unitList = res.data || []
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ GetUnitData ~ error:', error)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleProChange(e) {
|
||||||
|
console.log('🚀 ~ handleProChange ~ e:', e)
|
||||||
|
this.unitList = []
|
||||||
|
this.queryParams.unitId = ''
|
||||||
|
this.queryParams.agreementId = ''
|
||||||
|
this.queryParams.projectId = this.projectList.find(item => item.proId === e)?.projectId
|
||||||
|
this.GetUnitData()
|
||||||
|
},
|
||||||
|
changeUnit(e) {
|
||||||
|
console.log('🚀 ~ changeUnit ~ e:', e)
|
||||||
|
if (!e) return
|
||||||
|
const { agreementId } = this.unitList.find(item => item.unitId === e)
|
||||||
|
console.log('🚀 ~ changeUnit ~ obj:', agreementId)
|
||||||
|
this.queryParams.agreementId = agreementId
|
||||||
|
this.getList(agreementId)
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
async getList(agreementId) {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
console.log('🚀 ~ getList ~ params:', agreementId)
|
||||||
|
const res = await getUseTypeListApi({ agreementId })
|
||||||
|
console.log('🚀 ~ 获取列表 ~ res:', res)
|
||||||
|
this.tableList = res.data || []
|
||||||
|
this.total = res.data || 0
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ 获取列表 ~ error:', error)
|
||||||
|
this.tableList = []
|
||||||
|
this.total = 0
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取详情
|
||||||
|
async getDetails() {
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const res = await getListDetailsApi({ id: this.routerParams.id })
|
||||||
|
console.log('🚀 ~ 获取详情 ~ res:', res)
|
||||||
|
this.queryParams = { ...res.data }
|
||||||
|
console.log('🚀 ~ getDetails ~ this.queryParams:', this.queryParams.unitId)
|
||||||
|
this.tableList = res.data.backPreDetailsList
|
||||||
|
this.$nextTick(() => {
|
||||||
|
this.GetUnitData()
|
||||||
|
})
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ 获取详情 ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleBackNum(row) {
|
||||||
|
console.log('🚀 ~ handleBackNum ~ row:', row)
|
||||||
|
if (row.backNum > row.num) {
|
||||||
|
row.backNum = row.num
|
||||||
|
return this.$message.warning('退料数量不能大于当前再用量')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleDelete(index) {
|
||||||
|
this.tableList.splice(index, 1)
|
||||||
|
},
|
||||||
|
submit(status) {
|
||||||
|
console.log('🚀 ~ submit ~ status:', status)
|
||||||
|
// 校验表单数据 queryForm
|
||||||
|
this.$refs.queryForm.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
|
||||||
|
if (this.isSubmit) return
|
||||||
|
const list = this.tableList.filter(item => item.backNum > 0)
|
||||||
|
console.log('🚀 ~ submit ~ list:', list)
|
||||||
|
if (list.length === 0) return this.$message.warning('请填写退料数量')
|
||||||
|
// 二次确认
|
||||||
|
let tip = status === 1 ? '是否确定提交？' : '是否确定暂存？'
|
||||||
|
this.$confirm(tip, '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
})
|
||||||
|
.then(async () => {
|
||||||
|
this.isSubmit = true
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const params = {
|
||||||
|
...this.queryParams,
|
||||||
|
status,
|
||||||
|
backPreDetailsList: list
|
||||||
|
}
|
||||||
|
console.log('🚀 ~ submit ~ params:', params)
|
||||||
|
if (this.routerParams.isAdd) {
|
||||||
|
await addBackAppointmentApi(params)
|
||||||
|
} else {
|
||||||
|
await editBackAppointmentApi(params)
|
||||||
|
}
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '操作成功!'
|
||||||
|
})
|
||||||
|
this.$tab.closePage()
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ submit ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
this.isSubmit = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
this.$message({
|
||||||
|
type: 'info',
|
||||||
|
message: '已取消'
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
|
|
@ -0,0 +1,307 @@
|
||||||
|
<template>
|
||||||
|
<!-- 基础页面 -->
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form
|
||||||
|
v-show="showSearch"
|
||||||
|
:model="queryParams"
|
||||||
|
ref="queryForm"
|
||||||
|
size="small"
|
||||||
|
inline
|
||||||
|
label-width="70px"
|
||||||
|
@submit.native.prevent
|
||||||
|
>
|
||||||
|
<el-form-item label="退料单位" prop="unitName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.unitName"
|
||||||
|
placeholder="请输入退料单位"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料工程" prop="proName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.proName"
|
||||||
|
placeholder="请输入退料工程"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="物资名称" prop="typeName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.typeName"
|
||||||
|
placeholder="请输入物资名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料人" prop="backPerson">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.backPerson"
|
||||||
|
placeholder="请输入退料人"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
style="width: 240px"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 日期范围 -->
|
||||||
|
<el-form-item label="退料时间" prop="timeRange">
|
||||||
|
<el-date-picker
|
||||||
|
v-model="queryParams.timeRange"
|
||||||
|
type="daterange"
|
||||||
|
range-separator="至"
|
||||||
|
start-placeholder="开始日期"
|
||||||
|
end-placeholder="结束日期"
|
||||||
|
clearable
|
||||||
|
unlink-panels
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
style="width: 240px"
|
||||||
|
:picker-options="pickerOptions"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="退料单号" prop="code">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.code"
|
||||||
|
placeholder="请输入退料单号"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
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-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增退料预约</el-button>
|
||||||
|
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出数据</el-button>
|
||||||
|
</el-col>
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-table :data="tableList" fit highlight-current-row style="width: 100%" v-loading="isLoading" :max-height="650">
|
||||||
|
<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="!column.unShowTooltip"
|
||||||
|
:key="index"
|
||||||
|
:label="column.label"
|
||||||
|
:prop="column.prop"
|
||||||
|
:width="column.width"
|
||||||
|
align="center"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" width="180">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button
|
||||||
|
v-if="row.status == 0"
|
||||||
|
type="text"
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleEdit(row)"
|
||||||
|
style="color: #409eff"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="row.status == 0"
|
||||||
|
type="text"
|
||||||
|
size="mini"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleDelete(row)"
|
||||||
|
style="color: #f56c6c"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
<el-button type="text" size="mini" icon="el-icon-zoom-in" @click="handleDetails(row)" style="color: #409eff">
|
||||||
|
查看
|
||||||
|
</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"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getBackApplyListApi, deleteTask } from '@/api/materialsStation'
|
||||||
|
import { formatTime } from '@/utils/bonus.js'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
pickerOptions: {
|
||||||
|
disabledDate(time) {
|
||||||
|
return time.getTime() > Date.now()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
unitName: '', // 退料单位
|
||||||
|
proName: '', // 退料工程
|
||||||
|
typeName: '', // 物资名称
|
||||||
|
backPerson: '', // 退料人
|
||||||
|
startTime: '', // 开始时间
|
||||||
|
endTime: '', // 结束时间
|
||||||
|
code: '',
|
||||||
|
timeRange: [] // 创建日期范围
|
||||||
|
},
|
||||||
|
total: 0, // 总条数
|
||||||
|
// 表头
|
||||||
|
tableColumns: [
|
||||||
|
{ label: '退料单位', prop: 'unitName', unShowTooltip: true },
|
||||||
|
{ label: '退料工程', prop: 'proName', unShowTooltip: true },
|
||||||
|
{ label: '物资名称', prop: 'typeName' },
|
||||||
|
{ label: '退料人', prop: 'backPerson', width: 100 },
|
||||||
|
{ label: '退料时间', prop: 'backTime', width: 150 },
|
||||||
|
{ label: '退料单号', prop: 'code', width: 150 }
|
||||||
|
],
|
||||||
|
// 表格数据
|
||||||
|
tableList: [],
|
||||||
|
isAdd: true,
|
||||||
|
isDetails: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 查询
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
handleReset() {
|
||||||
|
this.$refs.queryForm.resetFields()
|
||||||
|
// const date = new Date()
|
||||||
|
// this.queryParams.timeRange = [formatDate(date), formatDate(date)]
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.queryParams.pageSize = 10
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
async getList() {
|
||||||
|
console.log('列表-查询', this.queryParams)
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const params = {
|
||||||
|
...this.queryParams,
|
||||||
|
startTime: this.queryParams.timeRange ? this.queryParams.timeRange[0] : '',
|
||||||
|
endTime: this.queryParams.timeRange ? this.queryParams.timeRange[1] : ''
|
||||||
|
}
|
||||||
|
delete params.timeRange
|
||||||
|
console.log('🚀 ~ getList ~ params:', params)
|
||||||
|
const res = await getBackApplyListApi(params)
|
||||||
|
console.log('🚀 ~ 获取列表 ~ res:', res)
|
||||||
|
this.tableList = res.data.rows || []
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ 获取列表 ~ error:', error)
|
||||||
|
this.tableList = []
|
||||||
|
this.total = 0
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleAdd() {
|
||||||
|
this.isAdd = true
|
||||||
|
this.isDetails = false
|
||||||
|
const params = {
|
||||||
|
isAdd: true,
|
||||||
|
isDetails: false
|
||||||
|
}
|
||||||
|
this.$router.push({
|
||||||
|
path: '/materialsStation/equipment/backAppointment/addAndDetails',
|
||||||
|
query: params
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleEdit(row) {
|
||||||
|
this.isAdd = false
|
||||||
|
this.isDetails = false
|
||||||
|
const params = {
|
||||||
|
isAdd: false,
|
||||||
|
isDetails: false,
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
this.$router.push({
|
||||||
|
path: '/materialsStation/equipment/backAppointment/addAndDetails',
|
||||||
|
query: params
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleDelete(row) {
|
||||||
|
// 二次确认
|
||||||
|
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async () => {
|
||||||
|
try {
|
||||||
|
this.isLoading = true
|
||||||
|
const res = await deleteTask({ id: row.id })
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '删除成功'
|
||||||
|
})
|
||||||
|
} catch (error) {
|
||||||
|
console.log('🚀 ~ handleDelete ~ error:', error)
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
this.getList()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleDetails(row) {
|
||||||
|
this.isAdd = false
|
||||||
|
this.isDetails = true
|
||||||
|
const params = {
|
||||||
|
isAdd: false,
|
||||||
|
isDetails: true,
|
||||||
|
id: row.id
|
||||||
|
}
|
||||||
|
this.$router.push({
|
||||||
|
path: '/materialsStation/equipment/backAppointment/addAndDetails',
|
||||||
|
query: params
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 导出数据
|
||||||
|
handleExport() {
|
||||||
|
try {
|
||||||
|
let fileName = `材料站退料预约_${formatTime(new Date())}.xLsx`
|
||||||
|
let url = '/material/material_back_appointment/export'
|
||||||
|
const params = { ...this.queryParams }
|
||||||
|
console.log('🚀 ~ 导出 ~ params:', params)
|
||||||
|
this.download(url, params, fileName)
|
||||||
|
} catch (error) {
|
||||||
|
console.log('导出数据失败', error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
Loading…
Reference in New Issue