bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代码提交

This commit is contained in:
jiang 2025-11-16 18:10:19 +08:00
parent a1ad613736
commit 5513490025
12 changed files with 1655 additions and 228 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/api/business/warehouse.js Normal file
View File

@ -0,0 +1,86 @@
import request from '@/utils/request'
export const getList = (data = {}) => {
return request({
url: '/material-mall/backChange/getList',
method: 'GET',
params: data
})
}
// 查询部门下拉树结构
export function deptTreeSelect() {
return request({
url: '/system/user/deptTree',
method: 'get'
})
}
// 自用申请-列表
export const getApplyListApi = (data = {}) => {
return request({
url: '/material-mall/backChange/getDevDetailsInfo',
method: 'GET',
params: data,
})
}
// 新增申请-列表
export const addApplyApi = (data) => {
return request({
url: '/material-mall/backChange/addDevDetails',
method: 'POST',
data: data,
})
}
// 自用申请-列表
export const getListApi = (data = {}) => {
return request({
url: '/material-mall/backChange/getList',
method: 'GET',
params: data,
})
}
// 申请-获取详情
export const getApplyDetailsApi = (data = {}) => {
return request({
url: '/material-mall/backChange/getDevDetailsById',
method: 'get',
params: data,
})
}
// 修改申请-列表
export const editApplyApi = (data) => {
return request({
url: '/material-mall/backChange/updateDevDetails',
method: 'POST',
data: data,
})
}
// 申请-删除
export const deleteApplyApi = (data) => {
return request({
url: '/material-mall/backChange/deleteDevDetails',
method: 'POST',
data: data,
})
}
// 审核通过/驳回
export const applyPassApi = (data) => {
return request({
url: '/material-mall/backChange/approve',
method: 'POST',
data: data,
})
}

123
src/views/business/apply/addApply.vue
View File

@ -4,13 +4,14 @@
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" :rules="outFormRules" size="small" inline label-width="auto" >
<el-form-item label="需求单位：" prop="useUnit">
<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-form-item label="使用项目" prop="proCode">
<el-select
clearable
:disabled="!routerParams.isEdit"
style="width: 100%"
placeholder="请选择使用项目"
v-model="queryParams.proCode"
@ -25,82 +26,25 @@
</el-select>
</el-form-item>
<el-form-item label="项目类型：" prop="proType">
<el-select clearable 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="proType">
<el-input disabled v-model="queryParams.proType"/>
</el-form-item>
<el-form-item label="电压等级" prop="voltageLevel">
<el-input disabled v-model="queryParams.voltageLevel"/>
</el-form-item>
<el-form-item label="项目所在省" prop="proProvince">
<el-input disabled v-model="queryParams.proProvince"/>
</el-form-item>
<el-form-item label="项目所在市" prop="proCity">
<el-input disabled v-model="queryParams.proCity"/>
</el-form-item>
<el-form-item label="项目所在区/县" prop="proCounty">
<el-input disabled v-model="queryParams.proCounty"/>
</el-form-item>
<el-form-item label="电压等级：" prop="voltageLevel">
<el-select
clearable
style="width: 100%"
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%"
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%"
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
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 label="使用日期：" prop="useTime" >
<el-form-item label="使用日期" prop="useTime" >
<el-date-picker
:disabled="!routerParams.isEdit"
v-model="queryParams.useTime"
type="date"
format="yyyy-MM-dd"
@ -113,11 +57,6 @@
</el-form-item>
<!-- 表单按钮 -->
<el-row>
<el-form-item style="margin-left:20px">
<el-button icon="el-icon-refresh" @click="handleBack">返回</el-button>
</el-form-item>
</el-row>
</el-form>
</el-card>
@ -169,6 +108,7 @@
<el-table-column label="使用到期日期" align="center" prop="useTime" width="160px">
<template slot-scope="scope">
<el-date-picker
:disabled="!routerParams.isEdit"
v-model="scope.row.useTime"
type="date"
format="yyyy-MM-dd"
@ -360,7 +300,16 @@ export default {
// 选择使用项目
onChangeProCode(value) {
this.queryParams.proCode = value
this.queryParams.proName = this.useProjectList.find((item) => item.proCode === value)?.proName || ''
const item = this.useProjectList.find((item) => item.proCode === value)
if (item) {
this.queryParams.proName = item.proName
const { proTypeName, voltage, city, county, province } = item
this.queryParams.proType = proTypeName
this.queryParams.voltageLevel = voltage + 'kV'
this.queryParams.proProvince = province
this.queryParams.proCity = city
this.queryParams.proCounty = county
}
},
// 选择省份
@ -418,7 +367,7 @@ export default {
this.addQuery.pageNum = 1
this.getApplyList()
this.openAdd = true
},
getApplyList() {
@ -463,7 +412,7 @@ export default {
// const month = String(val.getMonth() + 1).padStart(2, '0')
// const day = String(val.getDate()).padStart(2, '0')
// const formattedDate = `${year}-${month}-${day}`
this.tableList.forEach(item => {
item.useTime = val
})
@ -559,7 +508,7 @@ export default {
...item,
category: null
}))
const params = {
const params = {
devInfo: this.queryParams,
devDetailsList: tempTableList,
}
@ -572,7 +521,7 @@ export default {
this.$router.go(-1)
// this.$tab.closeOpenPage({ path: '/business/applyList' })
}
}else if(this.routerParams.isEdit && this.routerParams.id) {
}else if(this.routerParams.isEdit && this.routerParams.id) {
// 修改
this.queryParams.type = 2
this.queryParams.leaseType = 0
@ -580,7 +529,7 @@ export default {
...item,
category: null
}))
const params = {
const params = {
devInfo: this.queryParams,
devDetailsList: tempTableList,
}

2
src/views/business/apply/applyList.vue
View File

@ -48,7 +48,7 @@
</el-form-item>
<!-- 表单按钮 -->
<el-form-item>
<el-form-item style="float: right">
<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>

113
src/views/business/audit/addAudit.vue
View File

@ -4,104 +4,29 @@
<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-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%"
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="proName">
<el-input disabled v-model="queryParams.proName"/>
</el-form-item>
<el-form-item label="项目类型：" prop="proType">
<el-select clearable 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%"
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%"
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%"
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
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-item label="项目类型" prop="proType">
<el-input disabled v-model="queryParams.proType"/>
</el-form-item>
<el-form-item label="电压等级" prop="voltageLevel">
<el-input disabled v-model="queryParams.voltageLevel"/>
</el-form-item>
<el-form-item label="项目所在省" prop="proProvince">
<el-input disabled v-model="queryParams.proProvince"/>
</el-form-item>
<el-form-item label="项目所在市" prop="proCity">
<el-input disabled v-model="queryParams.proCity"/>
</el-form-item>
<el-form-item label="项目所在区/县" prop="proCounty">
<el-input disabled v-model="queryParams.proCounty"/>
</el-form-item>
</el-form>
</el-card>

2
src/views/business/audit/auditList.vue
View File

@ -48,7 +48,7 @@
</el-form-item>
<!-- 表单按钮 -->
<el-form-item>
<el-form-item style="float: right">
<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>

24
src/views/business/outbound/details.vue
View File

@ -4,13 +4,13 @@
<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-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-form-item label="使用项目" prop="proCode">
<el-select
clearable
style="width: 100%"
@ -28,7 +28,7 @@
</el-select>
</el-form-item>
<el-form-item label="项目类型：" prop="proType">
<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="电缆"/>
@ -36,12 +36,12 @@
</el-select>
</el-form-item>
<el-form-item label="电压等级：" prop="voltageLevel">
<el-form-item label="电压等级" prop="voltageLevel">
<el-select
clearable
style="width: 100%"
disabled
placeholder="请选择电压等级："
placeholder="请选择电压等级"
v-model="queryParams.voltageLevel"
>
<el-option
@ -53,7 +53,7 @@
</el-select>
</el-form-item>
<el-form-item label="项目所在省：" prop="proProvince">
<el-form-item label="项目所在省" prop="proProvince">
<el-select
clearable
style="width: 100%"
@ -71,7 +71,7 @@
</el-select>
</el-form-item>
<el-form-item label="项目所在市：" prop="proCity">
<el-form-item label="项目所在市" prop="proCity">
<el-select
clearable
style="width: 100%"
@ -89,7 +89,7 @@
</el-select>
</el-form-item>
<el-form-item label="项目所在区/县：" prop="proCounty">
<el-form-item label="项目所在区/县" prop="proCounty">
<el-select
clearable
disabled
@ -106,9 +106,6 @@
</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>
@ -366,7 +363,7 @@ export default {
const params = { ...this.queryParams }
const res = await getApplyDetailsApi(params)
this.tableList = res.data.devDetailsList.map(item => {
// 计算剩余可出库数量：num - 已出库数量（real_num 为 null 则按 0 计算）
// 计算剩余可出库数量num - 已出库数量（real_num 为 null 则按 0 计算）
const remainNum = Number(item.num) - (item.realNum ? Number(item.realNum) : 0)
return {
...item,
@ -408,12 +405,13 @@ export default {
// 驳回
handleOutCancel(row) {
row.category = ''
this.$confirm('是否确定取消出库?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async() => {
outCancel({ id: row.detailsId }).then(res => {
outCancel(row).then(res => {
this.$message({
type: 'success',
message: '操作成功!'

2
src/views/business/outbound/index.vue
View File

@ -40,7 +40,7 @@
</el-form-item>
<!-- 表单按钮 -->
<el-form-item>
<el-form-item style="float: right">
<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>

302
src/views/business/warehouse/auditDetails.vue Normal file
View File

@ -0,0 +1,302 @@
<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="proName">
<el-input disabled v-model="queryParams.proName"/>
</el-form-item>
<el-form-item label="项目类型" prop="proType">
<el-input disabled v-model="queryParams.proType"/>
</el-form-item>
<el-form-item label="电压等级" prop="voltageLevel">
<el-input disabled v-model="queryParams.voltageLevel"/>
</el-form-item>
<el-form-item label="项目所在省" prop="proProvince">
<el-input disabled v-model="queryParams.proProvince"/>
</el-form-item>
<el-form-item label="项目所在市" prop="proCity">
<el-input disabled v-model="queryParams.proCity"/>
</el-form-item>
<el-form-item label="项目所在区/县" prop="proCounty">
<el-input disabled v-model="queryParams.proCounty"/>
</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 v-if="!routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
<el-button type="primary" @click="handlePass">通过</el-button>
<el-button type="primary" @click="handleFail">驳回</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="useNum" :show-overflow-tooltip="true"/>
<el-table-column label="退库数量" align="center" prop="num" :show-overflow-tooltip="true"/>
<el-table-column label="使用到期日期" align="center" prop="useTime" width="160px"/>
<el-table-column label="是否维修" align="center" prop="isRepair" width="160px">
<template slot-scope="scope">
<el-tag v-if="scope.row.isRepair == '0'" type="warning">否</el-tag>
<el-tag v-if="scope.row.isRepair == '1'" type="success">是</el-tag>
</template>
</el-table-column>
<el-table-column label="维修数量" align="center" prop="realNum" width="160px"/>
</el-table>
</el-card>
</div>
</template>
<script>
import { getApplyDetailsApi, applyPassApi } from '@/api/business/warehouse'
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 // 每页条数
},
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: {
// 获取使用项目的下拉选
async getUseProjectList() {
const res = await getUseProjectListAPI()
const result = await getVoltageListAPI()
this.useProjectList = res.data
this.voltageList = result.data
},
// 选择使用项目
onChangeProCode(value) {
this.queryParams.proCode = value
const item = this.useProjectList.find((item) => item.proCode === value)
if (item) {
this.queryParams.proName = item.proName
const { proTypeName, voltage, city, county, province } = item
this.queryParams.proType = proTypeName
this.queryParams.voltageLevel = voltage + 'kV'
this.queryParams.proProvince = province
this.queryParams.proCity = city
this.queryParams.proCounty = county
}
},
// 选择省份
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 || []
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
}
},
//通过
handlePass() {
this.$confirm('是否确定通过?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async() => {
applyPassApi({ id: this.queryParams.id, taskStatus: '1' }).then(res => {
this.$message({
type: 'success',
message: '操作成功!'
})
this.$router.go(-1)
})
})
},
// 驳回
handleFail() {
this.$confirm('是否确定驳回?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async() => {
applyPassApi({ id: this.queryParams.id, taskStatus: '2' }).then(res => {
this.$message({
type: 'success',
message: '操作成功!'
})
this.$router.go(-1)
})
})
},
handleBack() {
this.$router.push({ path: '/business/warehouse/auditList' })
}
}
}
</script>
<style lang="scss" scoped>
</style>

244
src/views/business/warehouse/auditList.vue Normal file
View File

@ -0,0 +1,244 @@
<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="useUnit">
<el-select
v-model="queryParams.useUnit"
placeholder="请选择需求单位"
clearable
filterable
style="width: 100%"
>
<el-option
v-for="item in propertyUnitList"
:key="item.id"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="项目名称" prop="proCode">
<el-select
clearable
placeholder="请选择项目名称"
v-model="queryParams.proCode"
>
<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="taskStatus">
<el-select
v-model="queryParams.taskStatus"
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 style="float: right">
<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 label="退库单号" align="center" prop="code" :show-overflow-tooltip="true"/>
<el-table-column label="需求单位" align="center" prop="useUnit" :show-overflow-tooltip="true"/>
<el-table-column label="项目名称" align="center" prop="proName" :show-overflow-tooltip="true"/>
<el-table-column label="退库装备数" align="center" prop="devNum" :show-overflow-tooltip="true" width="120px"/>
<el-table-column label="退库工具数" align="center" prop="toolNum" :show-overflow-tooltip="true"/>
<el-table-column label="任务状态" align="center" prop="taskStatus" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-tag v-if="scope.row.taskStatus == '0'" type="warning">待审核</el-tag>
<el-tag v-if="scope.row.taskStatus == '1'" type="success">已通过</el-tag>
<el-tag v-if="scope.row.taskStatus == '2'" type="danger">已驳回</el-tag>
</template>
</el-table-column>
<el-table-column label="申请人" align="center" prop="createBy" :show-overflow-tooltip="true" width="140px"/>
<el-table-column label="申请时间" align="center" prop="createTime" width="160px"/>
<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.taskStatus == 0" 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 { getListApi } from '@/api/business/warehouse'
import {
getUseProjectListAPI
} from '@/api/EquipmentLedger/equ-out'
import { deptTreeSelect } from '@/api/system/user'
export default {
name: 'AuditList',
data() {
return {
propertyUnitList: [],
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, // 总条数
// 表格数据
tableList: [],
useProjectList: [] // 使用项目下拉选
}
},
created() {
this.getUseProjectList()
this.getList()
this.getDeptTreeSelect()
},
methods: {
getDeptTreeSelect() {
deptTreeSelect().then((res) => {
this.propertyUnitList = this.filterTree(res.data)
console.log('🚀 ~ getDeptTreeSelect ~ this.propertyUnitList:', this.propertyUnitList)
})
},
filterTree(nodes) {
return nodes
.map(node => {
if (node.children) {
node.children = this.filterTree(node.children)
}
return node
})
.filter(node => node.status !== '1')
},
// 获取使用项目的下拉选
async getUseProjectList() {
const res = await getUseProjectListAPI()
this.useProjectList = res.data
},
// 查询
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.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 getListApi(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: '/business/warehouse/auditDetails' })
},
// 查看
handleView(row) {
this.$router.push({ path: '/business/warehouse/auditDetails', query: { id: row.id, isView: true } })
},
// 审核
handleEdit(row) {
this.$router.push({ path: '/business/warehouse/auditDetails', query: { id: row.id, isEdit: true } })
}
}
}
</script>
<style lang="scss" scoped></style>

633
src/views/business/warehouse/details.vue Normal file
View File

@ -0,0 +1,633 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" :rules="outFormRules" inline label-width="auto">
<el-form-item label="需求单位" prop="useUnit">
<el-select
v-model="queryParams.useUnit"
placeholder="请选择需求单位"
clearable
filterable
:disabled="!routerParams.isEdit"
style="width: 100%"
>
<el-option
v-for="item in propertyUnitList"
:key="item.id"
:label="item.label"
:value="item.label"
/>
</el-select>
</el-form-item>
<el-form-item label="使用项目" prop="proCode">
<el-select
clearable
style="width: 100%"
placeholder="请选择使用项目"
:disabled="!routerParams.isEdit"
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-input disabled v-model="queryParams.proType"/>
</el-form-item>
<el-form-item label="电压等级" prop="voltageLevel">
<el-input disabled v-model="queryParams.voltageLevel"/>
</el-form-item>
<el-form-item label="项目所在省" prop="proProvince">
<el-input disabled v-model="queryParams.proProvince"/>
</el-form-item>
<el-form-item label="项目所在市" prop="proCity">
<el-input disabled v-model="queryParams.proCity"/>
</el-form-item>
<el-form-item label="项目所在区/县" prop="proCounty">
<el-input disabled v-model="queryParams.proCounty"/>
</el-form-item>
<el-form-item label="使用日期" prop="useTime">
<el-date-picker
v-model="queryParams.useTime"
:disabled="!routerParams.isEdit"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder="选择日期"
style="width: 210px"
@change="useTimeChange"
>
</el-date-picker>
</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 v-if="!routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
<el-button type="primary" @click="handleDialog">添加</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"
/>
<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="useNum" :show-overflow-tooltip="true"/>
<el-table-column label="退库数量" align="center" prop="num" :show-overflow-tooltip="true"/>
<el-table-column label="使用到期日期" align="center" prop="useTime" width="160px">
<template slot-scope="scope">
<el-date-picker
:disabled="!routerParams.isEdit"
v-model="scope.row.useTime"
type="date"
format="yyyy-MM-dd"
style="width: 100%"
placeholder="选择日期"
>
</el-date-picker>
</template>
</el-table-column>
<el-table-column label="是否维修" align="center" prop="isRepair" width="160px">
<template slot-scope="scope">
<el-select
:disabled="!routerParams.isEdit"
placeholder="请选择项"
v-model="scope.row.isRepair"
@change="isChange(scope.row)"
>
<el-option label="否" value="0"/>
<el-option label="是" value="1"/>
</el-select>
</template>
</el-table-column>
<el-table-column label="维修数量" align="center" prop="realNum" width="160px">
<template slot-scope="scope">
<el-input
:disabled="scope.row.isRepair =='0' || !routerParams.isEdit"
v-if="scope.row.manageType==1"
v-model.number="scope.row.realNum"
:max="scope.row.num"
:min="0"
step="0.01"
/>
<span v-if="scope.row.manageType==0">{{ scope.row.realNum }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" v-if="!routerParams.isView">
<template slot-scope="{ row }">
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)" style="color: red"
>删除
</el-button
>
</template>
</el-table-column>
</el-table>
</el-card>
<!-- 添加申请 -->
<el-dialog title="添加申请" :visible.sync="openAdd" width="1200px" append-to-body>
<el-form :model="addQuery" ref="addQuery" size="small" :inline="true" label-width="80px">
<el-form-item label="名称" prop="typeName">
<el-input v-model="addQuery.typeName" maxlength="20" placeholder="请输入名称"/>
</el-form-item>
<el-form-item label="规格型号" prop="typeModelName">
<el-input v-model="addQuery.typeModelName" maxlength="20" placeholder="请输入规格型号"/>
</el-form-item>
<el-form-item label="编码" prop="devCode">
<el-input v-model="addQuery.devCode" maxlength="20" placeholder="请输入编码"/>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleAddQuery">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetAddQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8" justify="end">
<el-col style="display: flex; justify-content: flex-end">
<el-button type="primary" @click="saveAdd">确定添加</el-button>
</el-col>
</el-row>
<el-table ref="addTable" :data="addList" height="500" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" :selectable="selectable"/>
<el-table-column label="序号" align="center" width="80" type="index">
<template slot-scope="scope">
<span>{{
(addQuery.pageNum - 1) * 10 + scope.$index + 1
}}</span>
</template>
</el-table-column>
<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"/>
<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="useNum" :show-overflow-tooltip="true"/>
<el-table-column label="退库数量" align="center" prop="num">
<template slot-scope="scope">
<span v-if="scope.row.manageType==0">{{ 1 }}</span>
<el-input-number v-if="scope.row.manageType==1" :disabled="isRowSelected(scope.row)" v-model="scope.row.num"
:min="0" :max="scope.row.storageNum" :default-value="0" style="width: 120px"
@change="applyNumChange(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<pagination
v-show="addTotal > 0"
:total="addTotal"
:page.sync="addQuery.pageNum"
:limit.sync="addQuery.pageSize"
@pagination="getApplyList"
/>
</el-dialog>
</div>
</template>
<script>
import { getApplyListApi, addApplyApi, getApplyDetailsApi, editApplyApi } from '@/api/business/warehouse'
import {
getUseProjectListAPI,
getVoltageListAPI,
addProjectOutAPI
} from '@/api/EquipmentLedger/equ-out'
import { regionData } from 'element-china-area-data'
import { deptTreeSelect } from '@/api/system/user'
// import AddNum from './components/AddNum'
// import AddCode from './components/AddCode'
export default {
name: 'AddEditApply',
// components: { AddNum, AddCode },
data() {
return {
propertyUnitList: [],
routerParams: {},
isLoading: false,
showSearch: true,
timeRange: [],
queryParams: {
type: 1, // 出库
status: '0', // 变更状态
proCode: '', // 使用项目id
proName: '', // 使用项目名称
proType: '', // 项目类型
voltageLevel: '', // 电压等级
proProvince: '', // 项目所在省
proCity: '', // 项目所在市
proCounty: '', // 项目所在区/县
proLocation: '', // 详细地址
useUnit: '', // 需求单位
useTime: null,
pageNum: 1, // 页码
pageSize: 10 // 每页条数
},
useProjectList: [], // 使用项目下拉选
voltageList: [], // 电压等级下拉选
provinceList: [],
cityList: [],
countyList: [],
outFormRules: {
proCode: [{ required: true, message: '请选择使用项目', trigger: 'change' }],
useUnit: [{ required: true, message: '请输入需求单位', trigger: 'blur' }]
},
typeList: [
{ label: '数量管理', value: '1' },
{ label: '编码管理', value: '0' }
],
total: 0, // 总条数
// 表格数据
tableList: [],
openAdd: false, // 添加申请
addQuery: { // 添加申请查询
proCode: '',
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()
this.getDeptTreeSelect()
},
methods: {
getDeptTreeSelect() {
deptTreeSelect().then((res) => {
this.propertyUnitList = this.filterTree(res.data)
console.log('🚀 ~ getDeptTreeSelect ~ this.propertyUnitList:', this.propertyUnitList)
})
},
filterTree(nodes) {
return nodes
.map(node => {
if (node.children) {
node.children = this.filterTree(node.children)
}
return node
})
.filter(node => node.status !== '1')
},
isChange(row) {
if (row.isRepair == '1') {
row.realNum = '1'
} else {
row.realNum = '0'
}
},
// 获取使用项目的下拉选
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.addQuery.proCode = value
const item = this.useProjectList.find((item) => item.proCode === value)
if (item) {
this.queryParams.proName = item.proName
const { proTypeName, voltage, city, county, province } = item
this.queryParams.proType = proTypeName
this.queryParams.voltageLevel = voltage + 'kV'
this.queryParams.proProvince = province
this.queryParams.proCity = city
this.queryParams.proCounty = county
}
},
// 选择省份
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 || []
},
// 获取列表
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 || []
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
}
},
// 删除
handleDelete(row) {
this.tableList = this.tableList.filter((item) => item.id !== row.id)
},
//添加申请弹窗
handleDialog() {
if (!this.queryParams.proCode) {
this.$message({
type: 'error',
message: '请先选择使用项目'
})
return
}
this.addQuery.pageNum = 1
this.getApplyList()
this.openAdd = true
},
getApplyList() {
getApplyListApi(this.addQuery).then(response => {
this.addList = response.data.rows
this.addList.forEach(item => {
if (item.manageType == 0) { // 编码设备
item.num = 1
}
})
this.addTotal = response.data.total
})
},
//查询
handleAddQuery() {
this.addQuery.pageNum = 1
this.getApplyList()
},
// 重置
resetAddQuery() {
this.addQuery = {
typeName: '', // 名称
typeModelName: '', // 规格型号
devCode: '', // 设备编码
pageNum: 1, // 页码
pageSize: 10 // 每页条数
}
this.getApplyList()
},
handleBack() {
this.$router.go(-1)
},
useTimeChange(val) {
console.log('🚀 ~ val:', val)
// if (val) {
// // 将Date对象转换为yyyy-MM-dd格式字符串
// const year = val.getFullYear()
// const month = String(val.getMonth() + 1).padStart(2, '0')
// const day = String(val.getDate()).padStart(2, '0')
// const formattedDate = `${year}-${month}-${day}`
this.tableList.forEach(item => {
item.useTime = val
})
},
// 多选框选中数据
handleSelectionChange(selection) {
this.addTempList = []
this.ids = selection.map(item => item.id)
selection.forEach(item => {
this.addTempList.push({
id: item.id,
typeId: item.typeId,
devType: item.devType,
category: item.category,
typeName: item.typeName,
typeModelName: item.typeModelName,
manageType: item.manageType,
devCode: item.devCode,
useNum: item.useNum,
num: item.typeModelName == 1 ? 1 : item.num,
useTime: null,
isRepair: '0',
realNum: 0
})
})
this.single = selection.length != 1
this.multiple = !selection.length
},
selectable(row, index) {
if (row.num == 0 || row.num == null) { // 库存为0
return false
} else if (this.tableList.some(item => item.id == row.id && item.typeId == row.typeId)) { // 已经添加过
return false
} else {
return true
}
},
// 检查行是否被选中
isRowSelected(row) {
return this.ids.includes(row.id)
},
applyNumChange(row) {
console.log('🚀 ~ row:', row)
if (row.num > row.storageNum) { // 申请数量大于库存
this.$message({
type: 'error',
message: '申请数量不能大于当前库存'
})
row.num = 0
}
},
//确认添加
saveAdd() {
console.log('🚀 ~ this.addTempList:', this.addTempList)
if (!this.ids.length) { // 没有选中数据
this.$message({
type: 'error',
message: '请勾选数据'
})
return
}
this.addTempList.forEach(item => {
this.tableList.push(item)
})
// 清除勾选相关的数据
this.addTempList = []
this.ids = []
this.$refs.addTable.clearSelection()
this.openAdd = false
},
// 提交
async submit() {
this.$refs.queryForm.validate(async(valid) => {
if (valid) {
this.$confirm('是否确定提交申请?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async() => {
this.isLoading = true
try {
//新增
if (!this.routerParams.isEdit && !this.routerParams.id) {
this.queryParams.type = 1
this.queryParams.leaseType = 0
const tempTableList = this.tableList.map(item => ({
...item,
category: null
}))
const params = {
devInfo: this.queryParams,
devDetailsList: tempTableList
}
const res = await addApplyApi(params)
if (res.code == 200) {
this.$message({
type: 'success',
message: '添加成功!'
})
this.$router.go(-1)
// this.$tab.closeOpenPage({ path: '/business/applyList' })
}
} else if (this.routerParams.isEdit && this.routerParams.id) {
// 修改
this.queryParams.type = 1
this.queryParams.leaseType = 0
const tempTableList = this.tableList.map(item => ({
...item,
category: null
}))
const params = {
devInfo: this.queryParams,
devDetailsList: tempTableList
}
const res = await editApplyApi(params)
if (res.code == 200) {
this.$message({
type: 'success',
message: '修改成功!'
})
this.$router.go(-1)
// this.$tab.closeOpenPage({ path: '/business/applyList' })
}
}
} catch (error) {
console.log('🚀 ~ error:', error)
} finally {
this.isLoading = false
}
})
}
})
}
}
}
</script>
<style lang="scss" scoped>
</style>

279
src/views/business/warehouse/index.vue Normal file
View File

@ -0,0 +1,279 @@
<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-select
v-model="queryParams.useUnit"
placeholder="请选择需求单位"
clearable
filterable
style="width: 100%"
>
<el-option
v-for="item in propertyUnitList"
:key="item.id"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item label="项目名称" prop="proCode">
<el-select
clearable
placeholder="请选择项目名称"
v-model="queryParams.proCode"
>
<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="taskStatus">
<el-select
v-model="queryParams.taskStatus"
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 style="float: right">
<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="20" 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 label="退库单号" align="center" prop="code" :show-overflow-tooltip="true"/>
<el-table-column label="需求单位" align="center" prop="useUnit" :show-overflow-tooltip="true"/>
<el-table-column label="项目名称" align="center" prop="proName" :show-overflow-tooltip="true"/>
<el-table-column label="退库装备数" align="center" prop="devNum" :show-overflow-tooltip="true" width="120px"/>
<el-table-column label="退库工具数" align="center" prop="toolNum" :show-overflow-tooltip="true"/>
<el-table-column label="任务状态" align="center" prop="taskStatus" :show-overflow-tooltip="true">
<template slot-scope="scope">
<el-tag v-if="scope.row.taskStatus == '0'" type="warning">待审核</el-tag>
<el-tag v-if="scope.row.taskStatus == '1'" type="success">已通过</el-tag>
<el-tag v-if="scope.row.taskStatus == '2'" type="danger">已驳回</el-tag>
</template>
</el-table-column>
<el-table-column label="申请人" align="center" prop="createBy" :show-overflow-tooltip="true" width="140px"/>
<el-table-column label="申请时间" align="center" prop="createTime" width="160px"/>
<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.taskStatus != 1" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">
编辑
</el-button>
<el-button v-if="row.taskStatus != 1" 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 { getList } from '@/api/business/warehouse'
import {
getUseProjectListAPI
} from '@/api/EquipmentLedger/equ-out'
import { deptTreeSelect } from '@/api/system/user'
export default {
name: 'ApplyList',
data() {
return {
propertyUnitList: [],
isLoading: false,
showSearch: true,
timeRange: [],
queryParams: {
pageNum: 1,
pageSize: 10,
taskStatus: null,
createBy: null,
startTime: null,
endTime: null,
useUnit: null
},
statusList: [
{ label: '待审核', value: '0' },
{ label: '已通过', value: '1' },
{ label: '已驳回', value: '2' }
],
total: 0, // 总条数
// 表格数据
tableList: [],
useProjectList: [] // 使用项目下拉选
}
},
created() {
this.getUseProjectList()
this.getList()
this.getDeptTreeSelect()
},
methods: {
getDeptTreeSelect() {
deptTreeSelect().then((res) => {
this.propertyUnitList = this.filterTree(res.data)
console.log('🚀 ~ getDeptTreeSelect ~ this.propertyUnitList:', this.propertyUnitList)
})
},
filterTree(nodes) {
return nodes
.map(node => {
if (node.children) {
node.children = this.filterTree(node.children)
}
return node
})
.filter(node => node.status !== '1')
},
// 获取使用项目的下拉选
async getUseProjectList() {
const res = await getUseProjectListAPI()
this.useProjectList = res.data
},
// 查询
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.queryParams.taskStatus = null
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 getList(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: '/business/warehouse/details' })
},
// 查看
handleView(row) {
this.$router.push({ path: '/business/warehouse/details', query: { id: row.id, isView: true } })
},
// 编辑
handleEdit(row) {
this.$router.push({ path: '/business/warehouse/details', query: { id: row.id, isEdit: true } })
},
// 删除
handleDelete(row) {
this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async() => {
this.isLoading = true
try {
await deleteApplyApi({ 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>

73
src/views/material/ma/type/index.vue
View File

@ -37,8 +37,8 @@
@mouseleave="onMouseleave()"
>
<span v-if="isMousemoveId === data.typeId && node.label.length > 5">{{
node.label.slice(0, 3) + '...'
}}</span>
node.label.slice(0, 3) + '...'
}}</span>
<span v-else>{{ node.label }}</span>
<span class="btn-items" v-if="isMousemoveId === data.typeId">
@ -100,7 +100,7 @@
<el-row :gutter="10" class="mb8" style="text-align: right">
<el-col :span="24">
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
>导出
>导出
</el-button>
</el-col>
</el-row>
@ -112,14 +112,14 @@
align="center"
:index="(index) => (queryParams.pageNum - 1) * queryParams.pageSize + index + 1"
/>
<el-table-column label="工具专业" align="center" prop="fourthParentName" show-overflow-tooltip />
<el-table-column label="施工类型" align="center" prop="greatGrandparentName" show-overflow-tooltip />
<el-table-column label="工具类型" align="center" prop="grandparentTypeName" show-overflow-tooltip />
<el-table-column label="工具名称" align="center" prop="parentTypeName" show-overflow-tooltip />
<el-table-column label="规格型号" align="center" prop="typeName" show-overflow-tooltip />
<el-table-column label="工具专业" align="center" prop="fourthParentName" show-overflow-tooltip/>
<el-table-column label="施工类型" align="center" prop="greatGrandparentName" show-overflow-tooltip/>
<el-table-column label="工具类型" align="center" prop="grandparentTypeName" show-overflow-tooltip/>
<el-table-column label="工具名称" align="center" prop="parentTypeName" show-overflow-tooltip/>
<el-table-column label="规格型号" align="center" prop="typeName" show-overflow-tooltip/>
<el-table-column label="管理模式" align="center" prop="manageType" show-overflow-tooltip>
<template slot-scope="{ row }">
<span>{{ row.manageType == 0 ? '数量管理' : '编码管理' }}</span>
<span>{{ row.manageType == 0 ? '编码管理' : '数量管理' }}</span>
</template>
</el-table-column>
@ -163,15 +163,16 @@
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="所属上级" v-if="title === '新增'">
<el-input style="width: 100%" readonly v-model="form.label" />
<el-input style="width: 100%" readonly v-model="form.label"/>
</el-form-item>
<el-form-item :label="Number(form.level) > 4 ? '规格型号' : '名称'" prop="typeName">
<el-input style="width: 100%" v-model="form.typeName" placeholder="请输入规格型号" maxlength="99" />
<el-input style="width: 100%" v-model="form.typeName" placeholder="请输入规格型号" maxlength="99"/>
</el-form-item>
<el-form-item label="管理模式" prop="manageType" v-if="Number(form.level) > 4">
<el-select v-model="form.manageType" placeholder="请选择管理模式" clearable style="width: 100%">
<el-option label="数量管理" value="0" />
<el-option label="编码管理" value="1" />
<el-option label="编码管理" value="0"/>
<el-option label="数量管理" value="1"/>
</el-select>
</el-form-item>
<el-form-item label="计量单位" prop="unitName" v-if="Number(form.level) > 4">
@ -188,7 +189,8 @@
<div slot="footer" class="dialog-footer">
<template>
<el-button v-if="this.title == '新增' || this.title == '修改'" type="primary" @click="submitForm"
>确 定</el-button
>确 定
</el-button
>
</template>
<el-button @click="open = false">取 消</el-button>
@ -196,7 +198,7 @@
</el-dialog>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" height="650px" :src="dialogImageUrl" alt />
<img width="100%" height="650px" :src="dialogImageUrl" alt/>
</el-dialog>
</div>
</template>
@ -257,7 +259,7 @@ export default {
label: '',
typeName: '',
manageType: '', // 0数量管理 1编码管理
unitName: '',
unitName: ''
},
chosenTypeId: '',
leasePrice: '',
@ -269,34 +271,34 @@ export default {
uploadUrl: process.env.VUE_APP_BASE_API + '/system', // 上传的图片服务器地址
defaultProps: {
children: 'children',
label: 'typeName',
label: 'typeName'
},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
typeName: undefined,
typeName: undefined
},
// 表单校验
rules: {
typeName: [{ required: true, message: '规格型号不能为空', trigger: 'blur' }],
manageType: [{ required: true, message: '管理模式不能为空', trigger: 'blur' }],
unitName: [{ required: true, message: '计量单位不能为空', trigger: 'blur' }],
unitName: [{ required: true, message: '计量单位不能为空', trigger: 'blur' }]
},
companyId: undefined,
dialogImageUrl: '',
dialogVisible: false,
configOpen: false,
isMousemoveId: null,
isMousemoveId: null
}
},
watch: {
// 根据名称筛选部门树
typeName(val) {
this.$refs.tree.filter(val)
},
}
},
created() {
this.getTreeData()
@ -353,7 +355,7 @@ export default {
label: '',
manageType: '',
unitName: '',
level: '',
level: ''
}
this.resetForm('form')
},
@ -381,7 +383,7 @@ export default {
this.title = '修改'
},
/** 提交按钮 */
submitForm: function () {
submitForm: function() {
console.log(this.form, '提交参数---')
this.$refs['form'].validate((valid) => {
if (valid) {
@ -419,7 +421,7 @@ export default {
const typeId = row.typeId
this.$modal
.confirm('是否确认删除数据项？')
.then(function () {
.then(function() {
return delMaType({ typeId })
})
.then(() => {
@ -427,16 +429,17 @@ export default {
this.getList()
this.getTreeData()
})
.catch(() => {})
.catch(() => {
})
},
/** 导出按钮操作 */
handleExport() {
this.download(
'/material-mall/tool/export',
{
...this.queryParams,
...this.queryParams
},
`工具类型管理_${new Date().getTime()}.xlsx`,
`工具类型管理_${new Date().getTime()}.xlsx`
)
},
/* 树节点增加 */
@ -456,14 +459,15 @@ export default {
const typeId = data.typeId
this.$modal
.confirm('是否确认删除数据项？')
.then(function () {
.then(function() {
return delMaType({ typeId })
})
.then(() => {
this.$modal.msgSuccess('删除成功')
this.getTreeData()
})
.catch(() => {})
.catch(() => {
})
},
/* 树节点修改 */
editTreeNode(data) {
@ -478,14 +482,15 @@ export default {
},
onMouseleave() {
this.isMousemoveId = null
},
},
}
}
}
</script>
<style lang="scss" scoped>
body {
background-color: #f6f7fa;
}
::v-deep.el-table .fixed-width .el-button--mini {
width: 60px !important;
margin-bottom: 10px;
@ -494,20 +499,25 @@ body {
::v-deep .btn-items .el-button + .el-button {
margin-left: 6px;
}
.btn-items {
margin-left: 4px;
.el-button--text {
font-size: 16px;
}
}
::v-deep .el-tree .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
::v-deep .el-tree .el-icon-caret-right:before {
content: '\e783';
font-size: 16px;
}
::v-deep .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
content: '\e781';
font-size: 16px;
@ -517,6 +527,7 @@ body {
::v-deep .el-tree-node__content > .el-tree-node__expand-icon {
color: #1890ff !important;
}
::v-deep .el-tree-node__expand-icon.is-leaf {
color: transparent !important;
}