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

退库管理页面修改

This commit is contained in:
zzyuan 2026-01-20 14:33:09 +08:00
parent 7c216965d8
commit d3b70f67c9
6 changed files with 175 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/views/EquipmentRoamRecord/returnRecord/index.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- 装备流转记录 -->
<div class="app-container">
<el-form ref="queryForm" size="small" inline label-width="auto" :model="queryParams">
<el-card class="search-box">
<el-form ref="queryForm" size="small" inline label-width="120px" :model="queryParams">
<el-card class="search-box" shadow="never">
<el-row>
<el-col :span="12">
<el-form-item prop="keyword" label="关键字">
@ -25,7 +25,7 @@
</el-card>
</el-form>
<el-card class="content-box">
<el-card class="content-box" shadow="never">
<el-row>
<el-col :span="2">
<span style="font-size: 20px; font-weight: 800">退库记录列表</span>
@ -79,7 +79,7 @@
<el-table-column align="center" show-overflow-tooltip prop="devNum" label="数量"/>
<el-table-column align="center" show-overflow-tooltip prop="address" label="操作">
<template slot-scope="scope">
<el-button type="text" @click="onHandleOutRecord(scope.row)">
<el-button type="text" style="color: #2CBAB2;" @click="onHandleOutRecord(scope.row)">
{{ typeInfo[scope.row.type] }}记录单
</el-button>
</template>
@ -95,13 +95,6 @@
</el-card>
<!-- 出库记录单 -->
<el-dialog title="退库记录单" :visible.sync="outRecordVisible" width="80%" append-to-body>
<el-row style="display: flex; justify-content: flex-end; gap: 8px;">
<!-- 下载PDF-->
<el-button size="mini" type="primary" @click="handleDownloadPDF">下载</el-button>
<!-- <el-button size="mini" type="primary" @click="onHandleDownload">下载</el-button>-->
<el-button size="mini" type="primary" @click="onHandlePrint">打印</el-button>
<el-button size="mini" type="primary" @click="onHandleClose">关闭</el-button>
</el-row>
<vue-easy-print ref="recordPrintRef" id="print-content" tableShow style="width: 100%">
<h2 style="text-align: center;font-size: 28px;">退库记录单</h2>
@ -152,7 +145,15 @@
</table>
</div>
</vue-easy-print>
<div slot="footer" class="dialog-footer">
<el-row style="display: flex; justify-content: flex-end; gap: 8px;">
<!-- 下载PDF-->
<el-button size="mini" type="primary" @click="handleDownloadPDF">下载</el-button>
<!-- <el-button size="mini" type="primary" @click="onHandleDownload">下载</el-button>-->
<el-button size="mini" type="primary" @click="onHandlePrint">打印</el-button>
<el-button size="mini" type="primary" @click="onHandleClose">关闭</el-button>
</el-row>
</div>
<!-- <el-row class="record-row" style="margin-top: 10px">
<el-col :span="24" style="text-align: right">
<div>
@ -287,6 +288,32 @@ export default {
</script>
<style scoped lang="scss">
.app-container{
background: #F0F0F0;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
::v-deep.el-tag.el-tag--info {
background-color: #F5F5F5;
border-color: #B3B3B3;
color: #B3B3B3;
}
::v-deep.el-tag.el-tag--warn{
background-color: rgba(255,171,41,0.1);;
border: #FFAB29;
color: #FFAB29;
}
::v-deep.el-tag.el-tag--success {
background-color: rgba(52,226,199,0.1);
border-color: #34E2C7;
color: #34E2C7;
}
.record-row {
/* margin-bottom: 10px; */
font-size: 16px;

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

@ -696,10 +696,10 @@ export default {
color: #34E2C7;
}
.approval-progress {
padding-top: 20px;
::v-deep .el-timeline-item__wrapper {
padding-left: 30px;
}
.timeline-content {
.node-title {
display: flex;

34
src/views/business/warehouse/auditDetails.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<GoBack :title="'退库审核'" @goBack="goBack" />
<el-card v-show="showSearch" style="margin-bottom: 20px">
<div class="app-container">
<el-card v-show="showSearch" style="margin-bottom: 20px" shadow="never">
<GoBack :title="'退库审核'" @goBack="goBack" />
<el-form :model="queryParams" ref="queryForm" size="small" inline label-width="110px">
<el-form-item label="需求单位" prop="useUnit">
@ -36,7 +36,7 @@
</el-card>
<el-card>
<el-card shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="4">
<span style="font-size: 20px; font-weight: 800">退库审核列表</span>
@ -547,6 +547,32 @@ export default {
</script>
<style lang="scss" scoped>
.app-container{
background: #F0F0F0;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
::v-deep.el-tag.el-tag--info {
background-color: #F5F5F5;
border-color: #B3B3B3;
color: #B3B3B3;
}
::v-deep.el-tag.el-tag--warn{
background-color: rgba(255,171,41,0.1);;
border: #FFAB29;
color: #FFAB29;
}
::v-deep.el-tag.el-tag--success {
background-color: rgba(52,226,199,0.1);
border-color: #34E2C7;
color: #34E2C7;
}
.approval-progress {
::v-deep .el-timeline-item__wrapper {
padding-left: 30px;

45
src/views/business/warehouse/auditList.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" label-width="auto" inline @submit.native.prevent>
<el-card v-show="showSearch" style="margin-bottom: 20px;padding-bottom: 15px;" shadow="never">
<el-form :model="queryParams" ref="queryForm" label-width="140px" inline @submit.native.prevent>
<el-form-item label="需求单位" prop="useUnit">
<el-select
v-model="queryParams.useUnit"
@ -75,19 +75,20 @@
</el-form-item>
<!-- 表单按钮 -->
<el-form-item style="float: right">
<el-form-item style="float: right;margin-top: 10px;">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="content-box">
<el-card class="content-box" shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="4">
<span style="font-size: 20px; font-weight: 800">退库审核列表</span>
<el-col :span="6" style="display: flex;align-items: center;">
<span style="font-size: 20px; font-weight: 800;margin-right: 48px;">退库审核列表</span>
<span style="font-size: 16px;color: #808080;">共{{total}}条记录</span>
</el-col>
<el-col :span="20" style="display: flex; justify-content: flex-end; gap: 10px">
<el-col :span="18" style="display: flex; justify-content: flex-end; gap: 10px">
<el-button
v-if="selectedRows.length > 0"
type="primary"
@ -140,8 +141,8 @@
<el-table-column label="申请时间" align="center" prop="createTime" width="160px"/>
<el-table-column label="操作" align="center">
<template slot-scope="{ row }">
<el-button v-if="row.taskStatus != 0" 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 v-if="row.taskStatus != 0" type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
<el-button v-if="row.taskStatus == 0" type="text" style="color: #2CBAB2;" @click="handleEdit(row)">
审核
</el-button>
</template>
@ -303,6 +304,32 @@ export default {
</script>
<style lang="scss" scoped>
.app-container{
background: #F0F0F0;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
::v-deep.el-tag.el-tag--info {
background-color: #F5F5F5;
border-color: #B3B3B3;
color: #B3B3B3;
}
::v-deep.el-tag.el-tag--warn{
background-color: rgba(255,171,41,0.1);;
border: #FFAB29;
color: #FFAB29;
}
::v-deep.el-tag.el-tag--success {
background-color: rgba(52,226,199,0.1);
border-color: #34E2C7;
color: #34E2C7;
}
.el-form-item {
margin-bottom: 0; /* 取消form-item的默认下边距 */
}

33
src/views/business/warehouse/details.vue
View File

@ -1,8 +1,9 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<GoBack :title="'退库申请'" @goBack="goBack" />
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-card v-show="showSearch" style="margin-bottom: 20px" shadow="never">
<GoBack :title="'退库申请'" @goBack="goBack" />
<el-form :model="queryParams" ref="queryForm" :rules="outFormRules" inline label-width="110px">
<el-form-item label="需求单位" prop="useUnit">
<el-select
@ -82,7 +83,7 @@
</el-card>
<el-card>
<el-card shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="4">
<span style="font-size: 20px; font-weight: 800">退库申请设备</span>
@ -661,4 +662,30 @@ export default {
</script>
<style lang="scss" scoped>
.app-container{
background: #F0F0F0;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
::v-deep.el-tag.el-tag--info {
background-color: #F5F5F5;
border-color: #B3B3B3;
color: #B3B3B3;
}
::v-deep.el-tag.el-tag--warn{
background-color: rgba(255,171,41,0.1);;
border: #FFAB29;
color: #FFAB29;
}
::v-deep.el-tag.el-tag--success {
background-color: rgba(52,226,199,0.1);
border-color: #34E2C7;
color: #34E2C7;
}
</style>

51
src/views/business/warehouse/index.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" inline label-width="auto">
<el-card v-show="showSearch" style="margin-bottom: 20px;padding-bottom: 15px;" shadow="never">
<el-form :model="queryParams" ref="queryForm" inline label-width="140px">
<el-form-item label="需求单位" prop="useUnit">
<el-select
v-model="queryParams.useUnit"
@ -78,19 +78,20 @@
</el-form-item>
<!-- 表单按钮 -->
<el-form-item style="float: right">
<el-form-item style="float: right;margin-top: 10px;">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card class="content-box">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="4">
<span style="font-size: 20px; font-weight: 800">退库申请列表</span>
<el-card class="content-box" shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="6" style="display: flex;align-items: center;">
<span style="font-size: 20px; font-weight: 800;margin-right: 48px;">退库申请列表</span>
<span style="font-size: 16px;color: #808080;">共{{total}}条记录</span>
</el-col>
<el-col :span="20" style="display: flex; justify-content: flex-end">
<el-col :span="18" style="display: flex; justify-content: flex-end">
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新建申请</el-button>
</el-col>
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
@ -130,12 +131,12 @@
<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 != 2" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">
<el-button type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
<el-button v-if="row.taskStatus != 2" type="text" style="color: #2CBAB2;" @click="handleEdit(row)">
编辑
</el-button>
<el-button v-if="row.taskStatus != 2" size="mini" type="text" icon="el-icon-delete"
@click="handleDelete(row)" style="color: red"
<el-button v-if="row.taskStatus != 2" type="text" style="color: #FF5129;"
@click="handleDelete(row)"
>删除
</el-button
>
@ -303,6 +304,32 @@ export default {
</script>
<style lang="scss" scoped>
.app-container{
background: #F0F0F0;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
::v-deep.el-tag.el-tag--info {
background-color: #F5F5F5;
border-color: #B3B3B3;
color: #B3B3B3;
}
::v-deep.el-tag.el-tag--warn{
background-color: rgba(255,171,41,0.1);;
border: #FFAB29;
color: #FFAB29;
}
::v-deep.el-tag.el-tag--success {
background-color: rgba(52,226,199,0.1);
border-color: #34E2C7;
color: #34E2C7;
}
.el-form-item {
margin-bottom: 0; /* 取消form-item的默认下边距 */
}