材料站退料预约
This commit is contained in:
parent
423fd360e6
commit
749c1afc3e
|
|
@ -621,7 +621,6 @@ export const getTeamNumThirdApi = data => {
|
|||
})
|
||||
}
|
||||
|
||||
|
||||
// 总站点领料-列表
|
||||
export const getTotalListApi = data => {
|
||||
return request({
|
||||
|
|
@ -710,4 +709,67 @@ export function getTeamInOrOutInfoApi(data) {
|
|||
method: 'get',
|
||||
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