代码提交
This commit is contained in:
jiang
parent
a7a930667d
commit
1e045e262d
|
|
@ -0,0 +1,56 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 工具台账-列表
|
||||||
|
export const getOutboundList = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/getOutboundList',
|
||||||
|
method: 'GET',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 申请-获取详情
|
||||||
|
export const getApplyDetailsApi = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/getDevDetailsById',
|
||||||
|
method: 'get',
|
||||||
|
params: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const out = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/out',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const outCancel = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/outCancel',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const outCancelAll = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/outCancelAll',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export const outAll = (data = {}) => {
|
||||||
|
return request({
|
||||||
|
url: '/material-mall/decChange/outAll',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -0,0 +1,466 @@
|
||||||
|
<template>
|
||||||
|
<!-- 基础页面 -->
|
||||||
|
<div class="app-container">
|
||||||
|
<el-card v-show="showSearch" style="margin-bottom: 20px">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" inline label-width="auto">
|
||||||
|
|
||||||
|
<el-form-item label="需求单位：" prop="useUnit">
|
||||||
|
<el-input v-model="queryParams.useUnit" placeholder="请输入需求单位" :disabled="queryParams.status=='0'"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="使用项目：" prop="proCode">
|
||||||
|
<el-select
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
disabled
|
||||||
|
placeholder="请选择使用项目"
|
||||||
|
v-model="queryParams.proCode"
|
||||||
|
@change="onChangeProCode"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:key="item.proCode"
|
||||||
|
:label="item.proName"
|
||||||
|
:value="item.proCode"
|
||||||
|
v-for="item in useProjectList"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="项目类型：" prop="proType">
|
||||||
|
<el-select clearable disabled style="width: 100%" placeholder="请选择项目类型" v-model="queryParams.proType">
|
||||||
|
<el-option value="0" label="线路"/>
|
||||||
|
<el-option value="1" label="电缆"/>
|
||||||
|
<el-option value="2" label="变电"/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="电压等级：" prop="voltageLevel">
|
||||||
|
<el-select
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
disabled
|
||||||
|
placeholder="请选择电压等级："
|
||||||
|
v-model="queryParams.voltageLevel"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:key="item.voltage"
|
||||||
|
:value="item.voltage"
|
||||||
|
:label="`${item.voltage}kV`"
|
||||||
|
v-for="item in voltageList"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="项目所在省：" prop="proProvince">
|
||||||
|
<el-select
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
disabled
|
||||||
|
placeholder="请选择项目所在省"
|
||||||
|
v-model="queryParams.proProvince"
|
||||||
|
@change="onChangeProvince"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label"
|
||||||
|
v-for="item in provinceList"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="项目所在市：" prop="proCity">
|
||||||
|
<el-select
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
disabled
|
||||||
|
placeholder="请选择项目所在市"
|
||||||
|
v-model="queryParams.proCity"
|
||||||
|
@change="onChangeCity"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label"
|
||||||
|
v-for="item in cityList"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item label="项目所在区/县：" prop="proCounty">
|
||||||
|
<el-select
|
||||||
|
clearable
|
||||||
|
disabled
|
||||||
|
style="width: 100%"
|
||||||
|
placeholder="请选择项目所在区/县"
|
||||||
|
v-model="queryParams.proCounty"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label"
|
||||||
|
v-for="item in countyList"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
|
||||||
|
<el-form-item style="margin-left:20px">
|
||||||
|
<el-button icon="el-icon-refresh" @click="handleBack">返回</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
<el-card>
|
||||||
|
<el-row :gutter="10" class="mb8" justify="end">
|
||||||
|
<el-col v-if="routerParams.isView" :span="24" style="display: flex; justify-content: flex-end">
|
||||||
|
<el-button type="primary" :disabled="queryParams.taskStatus =='3'" @click="handleOutAll">全部出库</el-button>
|
||||||
|
<el-button type="primary" :disabled="queryParams.taskStatus =='3'" @click="handleOutCancelAll">全部取消出库
|
||||||
|
</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"
|
||||||
|
/>
|
||||||
|
<el-table-column label="分类" align="center" prop="devType" :show-overflow-tooltip="true">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.devType==1">{{ '装备' }}</span>
|
||||||
|
<span v-if="scope.row.devType==2">{{ '工具' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="类目" align="center" prop="category" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="名称" align="center" prop="typeName" :show-overflow-tooltip="true" width="120px"/>
|
||||||
|
<el-table-column label="规格型号" align="center" prop="typeModelName" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="管理模式" align="center" prop="manageType" :show-overflow-tooltip="true">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span v-if="scope.row.manageType==0">{{ '编码设备' }}</span>
|
||||||
|
<span v-if="scope.row.manageType==1">{{ '数量设备' }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="设备编码" align="center" prop="devCode" :show-overflow-tooltip="true" width="140px"/>
|
||||||
|
<el-table-column label="当前库存" align="center" prop="storageNum" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="申请数量" align="center" prop="num" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="已出库数量" align="center" prop="realNum" :show-overflow-tooltip="true"/>
|
||||||
|
<el-table-column label="使用到期日期" align="center" prop="useTime" width="160px"/>
|
||||||
|
<el-table-column label="出库数量" v-if="routerParams.isView" align="center" prop="outNum"
|
||||||
|
:show-overflow-tooltip="true"
|
||||||
|
>
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-input
|
||||||
|
:disabled="scope.row.isFinished =='1'"
|
||||||
|
v-if="scope.row.manageType === '1'"
|
||||||
|
v-model.number="scope.row.outNum"
|
||||||
|
:placeholder="`请输入出库数量（最大${scope.row.remainNum.toFixed(2)}）`"
|
||||||
|
:max="scope.row.remainNum"
|
||||||
|
:min="0"
|
||||||
|
step="0.01"
|
||||||
|
@input="handleOutNumInput(scope.row)"
|
||||||
|
@change="handleOutNumChange(scope.row)"
|
||||||
|
/>
|
||||||
|
<span v-if="scope.row.manageType==0">{{ scope.row.num , scope.row.outNum = scope.row.num }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" align="center" v-if="routerParams.isView">
|
||||||
|
<template slot-scope="{ row }">
|
||||||
|
<el-button size="mini" :disabled="row.isFinished =='1' || row.outNum == 0" type="text"
|
||||||
|
icon="el-icon-zoom-in"
|
||||||
|
@click="handleOut(row)"
|
||||||
|
>出库
|
||||||
|
</el-button
|
||||||
|
>
|
||||||
|
<el-button size="mini" :disabled="row.isFinished =='1'" type="text" @click="handleOutCancel(row)">取消出库
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-card>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { getApplyDetailsApi, out, outAll, outCancel, outCancelAll } from '@/api/business/outbound'
|
||||||
|
import {
|
||||||
|
getUseProjectListAPI,
|
||||||
|
getVoltageListAPI
|
||||||
|
} from '@/api/EquipmentLedger/equ-out'
|
||||||
|
import { regionData } from 'element-china-area-data'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: 'AddEditApply',
|
||||||
|
// components: { AddNum, AddCode },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
routerParams: {},
|
||||||
|
isLoading: false,
|
||||||
|
showSearch: true,
|
||||||
|
timeRange: [],
|
||||||
|
queryParams: {
|
||||||
|
type: 2, // 出库
|
||||||
|
status: '0', // 变更状态
|
||||||
|
proCode: '', // 使用项目id
|
||||||
|
proName: '', // 使用项目名称
|
||||||
|
proType: '', // 项目类型
|
||||||
|
voltageLevel: '', // 电压等级
|
||||||
|
proProvince: '', // 项目所在省
|
||||||
|
proCity: '', // 项目所在市
|
||||||
|
proCounty: '', // 项目所在区/县
|
||||||
|
proLocation: '', // 详细地址
|
||||||
|
useUnit: '', // 需求单位
|
||||||
|
useTime: null,
|
||||||
|
pageNum: 1, // 页码
|
||||||
|
pageSize: 10, // 每页条数
|
||||||
|
taskStatus: ''
|
||||||
|
},
|
||||||
|
useProjectList: [], // 使用项目下拉选
|
||||||
|
voltageList: [], // 电压等级下拉选
|
||||||
|
provinceList: [],
|
||||||
|
cityList: [],
|
||||||
|
countyList: [],
|
||||||
|
|
||||||
|
typeList: [
|
||||||
|
{ label: '数量管理', value: '1' },
|
||||||
|
{ label: '编码管理', value: '0' }
|
||||||
|
],
|
||||||
|
total: 0, // 总条数
|
||||||
|
// 表格数据
|
||||||
|
tableList: [],
|
||||||
|
openAdd: false, // 添加申请
|
||||||
|
addQuery: { // 添加申请查询
|
||||||
|
typeName: '', // 名称
|
||||||
|
typeModelName: '', // 规格型号
|
||||||
|
devCode: '', // 设备编码
|
||||||
|
pageNum: 1, // 页码
|
||||||
|
pageSize: 10 // 每页条数
|
||||||
|
},
|
||||||
|
addTotal: 0, // 总条数
|
||||||
|
addList: [], // 添加申请列表
|
||||||
|
addTempList: [], // 添加申请临时列表
|
||||||
|
ids: [], // 选中的id
|
||||||
|
single: false, // 单选
|
||||||
|
multiple: false // 多选
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.routerParams = this.$route.query
|
||||||
|
let title = '自用出库详情'
|
||||||
|
if (this.routerParams.isView) {
|
||||||
|
title = '查看审核'
|
||||||
|
} else if (this.routerParams.isEdit) {
|
||||||
|
title = '审核详情'
|
||||||
|
}
|
||||||
|
this.queryParams.id = this.routerParams.id || ''
|
||||||
|
this.getUseProjectList()
|
||||||
|
this.queryParams.status == '0' ? this.queryParams.useUnit = sessionStorage.getItem('deptName') : ''
|
||||||
|
this.provinceList = regionData
|
||||||
|
const obj = Object.assign({}, this.$route, { title })
|
||||||
|
this.$tab.updatePage(obj)
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 输入出库数量时校验（实时拦截超限）
|
||||||
|
handleOutNumInput(row) {
|
||||||
|
const { outNum, remainNum } = row
|
||||||
|
if (isNaN(outNum)) {
|
||||||
|
this.showOverLimitTip = true
|
||||||
|
this.overLimitTip = '请输入有效的数字！'
|
||||||
|
row.outNum = null // 清空非法输入
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
// 校验是否超限
|
||||||
|
if (outNum > remainNum) {
|
||||||
|
this.showOverLimitTip = true
|
||||||
|
this.overLimitTip = `出库数量不能超过剩余可出库数量（${remainNum.toFixed(2)}）！`
|
||||||
|
row.outNum = remainNum // 自动修正为最大值
|
||||||
|
} else if (outNum < 0) {
|
||||||
|
this.showOverLimitTip = true
|
||||||
|
this.overLimitTip = '出库数量不能为负数！'
|
||||||
|
row.outNum = 0 // 自动修正为最小值
|
||||||
|
} else {
|
||||||
|
this.showOverLimitTip = false
|
||||||
|
// 保留两位小数（匹配数据库 decimal(10,2) 精度）
|
||||||
|
row.outNum = Number(outNum.toFixed(2))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// 失去焦点时最终修正（防止手动输入多位小数）
|
||||||
|
handleOutNumChange(row) {
|
||||||
|
if (row.outNum !== null && row.outNum !== undefined) {
|
||||||
|
row.outNum = Number(row.outNum.toFixed(2))
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 获取使用项目的下拉选
|
||||||
|
async getUseProjectList() {
|
||||||
|
const res = await getUseProjectListAPI()
|
||||||
|
const result = await getVoltageListAPI()
|
||||||
|
this.useProjectList = res.data
|
||||||
|
this.voltageList = result.data
|
||||||
|
},
|
||||||
|
|
||||||
|
// 选择使用项目
|
||||||
|
onChangeProCode(value) {
|
||||||
|
this.queryParams.proCode = value
|
||||||
|
this.queryParams.proName = this.useProjectList.find((item) => item.proCode === value)?.proName || ''
|
||||||
|
},
|
||||||
|
|
||||||
|
// 选择省份
|
||||||
|
onChangeProvince(value) {
|
||||||
|
if (!value) {
|
||||||
|
this.cityList = []
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.cityList = this.provinceList.find((item) => item.label === value)?.children || []
|
||||||
|
},
|
||||||
|
|
||||||
|
// 选择城市
|
||||||
|
onChangeCity(value) {
|
||||||
|
if (!value) {
|
||||||
|
this.countyList = []
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.countyList = this.cityList.find((item) => item.label === value)?.children || []
|
||||||
|
},
|
||||||
|
|
||||||
|
// 查询
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 重置
|
||||||
|
handleReset() {
|
||||||
|
this.queryParams.pageNum = 1
|
||||||
|
this.queryParams.pageSize = 10
|
||||||
|
this.queryParams.parentId = '0'
|
||||||
|
this.queryParams.level = '1'
|
||||||
|
this.$refs.queryForm.resetFields()
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
// 获取列表
|
||||||
|
// 获取列表
|
||||||
|
async getList(emit = {}) {
|
||||||
|
console.log('🚀 ~ emit:', emit)
|
||||||
|
if (emit.id) {
|
||||||
|
this.queryParams.id = emit.id
|
||||||
|
// 存到 route
|
||||||
|
this.$route.query.id = this.queryParams.id
|
||||||
|
}
|
||||||
|
console.log('列表-查询', this.queryParams)
|
||||||
|
this.isLoading = true
|
||||||
|
try {
|
||||||
|
const params = { ...this.queryParams }
|
||||||
|
const res = await getApplyDetailsApi(params)
|
||||||
|
this.tableList = res.data.devDetailsList.map(item => {
|
||||||
|
// 计算剩余可出库数量：num - 已出库数量（real_num 为 null 则按 0 计算）
|
||||||
|
const remainNum = Number(item.num) - (item.realNum ? Number(item.realNum) : 0)
|
||||||
|
return {
|
||||||
|
...item,
|
||||||
|
remainNum: remainNum > 0 ? remainNum : 0, // 剩余数量不能为负数
|
||||||
|
outNum: 0 // 绑定输入的出库数量
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (this.queryParams.id) {
|
||||||
|
this.queryParams = res.data.devInfo || {}
|
||||||
|
this.queryParams.status = '0'
|
||||||
|
this.queryParams.useUnit = sessionStorage.getItem('deptName')
|
||||||
|
}
|
||||||
|
this.total = res.data.total || 0
|
||||||
|
} catch (error) {
|
||||||
|
this.tableList = []
|
||||||
|
this.total = 0
|
||||||
|
} finally {
|
||||||
|
this.isLoading = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
//通过
|
||||||
|
handleOut(row) {
|
||||||
|
row.category = ''
|
||||||
|
this.$confirm('是否确定出库?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async() => {
|
||||||
|
out(row).then(res => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '操作成功!'
|
||||||
|
})
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 驳回
|
||||||
|
handleOutCancel(row) {
|
||||||
|
this.$confirm('是否确定取消出库?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async() => {
|
||||||
|
outCancel({ id: row.detailsId }).then(res => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '操作成功!'
|
||||||
|
})
|
||||||
|
this.getList()
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
handleBack() {
|
||||||
|
this.$router.push({ path: '/business/outbound/index' })
|
||||||
|
},
|
||||||
|
|
||||||
|
handleOutAll() {
|
||||||
|
this.$confirm('是否确定全部取消出库?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async() => {
|
||||||
|
outAll({ id: this.queryParams.id }).then(res => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '操作成功!'
|
||||||
|
})
|
||||||
|
this.$router.go(-1)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
},
|
||||||
|
handleOutCancelAll() {
|
||||||
|
this.$confirm('是否确定全部取消出库?', '提示', {
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}).then(async() => {
|
||||||
|
outCancelAll({ id: this.queryParams.id }).then(res => {
|
||||||
|
this.$message({
|
||||||
|
type: 'success',
|
||||||
|
message: '操作成功!'
|
||||||
|
})
|
||||||
|
this.$router.go(-1)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue