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 13:19:07 +08:00
parent be0f2022e2
commit 15047ade7a
19 changed files with 587 additions and 205 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/GoBack/index.vue
View File

@ -25,13 +25,14 @@ export default {
<style scoped lang="scss">
.page-header {
display: flex;
height: 30px;
align-items: center;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
.page-title {
font-size: 18px;
font-size: 16px;
font-weight: 600;
margin-left: 10px;
color: #303133;

38
src/components/GoBack/index2.vue Normal file
View File

@ -0,0 +1,38 @@
<template>
<div class="page-header">
<el-button type="text" icon="el-icon-back" @click="goBack" style="color: #3F3F3F;font-size: 18px;"></el-button>
<span class="page-title">{{ title }}</span>
</div>
</template>
<script>
export default {
name: 'GoBack',
props: {
title: {
type: String,
default: '',
},
},
methods: {
goBack() {
this.$emit('goBack')
},
},
}
</script>
<style scoped lang="scss">
.page-header {
display: flex;
align-items: center;
.page-title {
font-size: 16px;
font-weight: 600;
margin-left: 10px;
color: #3F3F3F;
}
}
</style>

53
src/views/EquipmentRoamRecord/outboundRecord/index.vue
View File

@ -1,9 +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-col :span="12">
<el-form-item prop="keyword" label="关键字">
<el-input
@ -34,7 +33,7 @@
</el-form>
<el-card class="content-box">
<el-card class="content-box" shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="2">
<span style="font-size: 20px; font-weight: 800">出库记录列表</span>
@ -87,7 +86,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>
@ -106,13 +105,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>
@ -163,7 +155,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" @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>
@ -298,6 +298,33 @@ 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;

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

@ -1,10 +1,9 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<GoBack :title="'出库申请'" @goBack="goBack" />
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" :rules="outFormRules" inline label-width="120px">
<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="120px">
<el-form-item label="需求单位" prop="useUnit">
<el-input style="width: 240px" v-model="queryParams.useUnit" placeholder="请输入需求单位"
:disabled="queryParams.status=='0'" clearable
@ -70,17 +69,17 @@
</el-form-item>
</el-form>
</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>
<el-col :span="4" 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;">共{{tableList.length}}条记录</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-button type="primary" @click="handleDialog" style="background: #2CBAB2;">添加</el-button>
<el-button type="primary" @click="submit" style="background: #2CBAB2;">确定申请</el-button>
</el-col>
</el-row>
@ -136,13 +135,13 @@
<el-table-column label="下次维保日期" align="center" prop="nextMaintenanceDate" width="160px"/>
<el-table-column label="剩余使用年限" align="center" prop="remainingYears" width="160px">
<template slot-scope="{ row }">
<span v-if="row.remainingYears =='已超过最大使用年限'" style="color: red">{{ row.remainingYears }}</span>
<span v-if="row.remainingYears =='已超过最大使用年限'" style="color: #FF5129">{{ row.remainingYears }}</span>
<span v-if="row.remainingYears !=='已超过最大使用年限'">{{ row.remainingYears }}</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 type="text" @click="handleDelete(row)" style="color: #FF5129"
>删除
</el-button
>
@ -154,7 +153,7 @@
<!-- 添加申请 -->
<el-dialog title="添加申请" :visible.sync="openAdd" width="1200px" append-to-body>
<!-- 完善后的查询表单：支持类目查询 -->
<el-form :model="addQuery" ref="addQueryForm" label-width="40px" inline>
<el-form :model="addQuery" ref="addQueryForm" label-width="80px" inline>
<!-- 分类选择下拉框（装备/工具） -->
<el-form-item label="分类" prop="devType">
<el-select
@ -264,13 +263,12 @@
<el-row :gutter="10" class="mb8" justify="end">
<el-col style="display: flex; justify-content: flex-end">
<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-button type="primary" size="mini" @click="confirmAdd">确定添加</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetAddQuery">重置</el-button>
</el-col>
</el-row>
<!-- 设备列表表格 -->
<el-table ref="addTable" :data="addList" row-key="id" height="546" @selection-change="handleSelectionChange"
<el-table ref="addTable" :data="addList" row-key="id" height="482" @selection-change="handleSelectionChange"
border stripe
>
<el-table-column type="selection" width="55" align="center" :selectable="selectable" :reserve-selection="true"/>
@ -281,7 +279,7 @@
}}</span>
</template>
</el-table-column>
<el-table-column label="分类" align="center" prop="devType" :show-overflow-tooltip="true">
<el-table-column label="分类" align="center" prop="devType" :show-overflow-tooltip="true" width="100px">
<template slot-scope="scope">
<span v-if="scope.row.devType==1">{{ '装备' }}</span>
<span v-if="scope.row.devType==2">{{ '工具' }}</span>
@ -298,7 +296,7 @@
</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">
<el-table-column label="申请数量" align="center" prop="num" width="160px" >
<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"
@ -311,12 +309,16 @@
<!-- 分页组件 -->
<pagination
:total="addTotal"
:page.sync="addQuery.pageNum"
:limit.sync="addQuery.pageSize"
@pagination="getApplyList"
/>
<span slot="footer" class="dialog-footer">
<el-button size="mini" @click="openAdd=false">取消</el-button>
<el-button type="primary" size="mini" @click="confirmAdd">确定添加</el-button>
</span>
</el-dialog>
<ConfirmationDialog ref="confirmationDlg" @confirm="saveAdd"/>
@ -1111,6 +1113,17 @@ 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 .six-level-cascader .el-cascader-menu {
max-height: 300px;

51
src/views/business/apply/applyList.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" shadow="never">
<el-form :model="queryParams" ref="queryForm" inline label-width="120px">
<el-form-item label="项目名称" prop="proCode">
<el-select
clearable
@ -62,19 +62,20 @@
<!-- 表单按钮 -->
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">查询</el-button>
<el-button type="primary" icon="el-icon-search" style="background: #2CBAB2;" 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>
<el-col :span="20" style="display: flex; justify-content: flex-end">
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd">新建申请</el-button>
<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="18" style="display: flex; justify-content: flex-end">
<el-button type="primary" icon="el-icon-plus" size="mini" style="background: #2CBAB2;" @click="handleAdd" >新建申请</el-button>
</el-col>
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
</el-row>
@ -111,9 +112,9 @@
<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 || row.taskStatus == 3" size="mini" type="text" icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>
<el-button v-if="row.taskStatus == 0 || row.taskStatus == 3" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(row)" style="color: red"
<el-button type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
<el-button v-if="row.taskStatus == 0 || row.taskStatus == 3" type="text" style="color: #2CBAB2;" @click="handleEdit(row)">编辑</el-button>
<el-button v-if="row.taskStatus == 0 || row.taskStatus == 3" type="text" style="color: #FF5129" @click="handleDelete(row)"
>删除</el-button
>
</template>
@ -260,6 +261,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的默认下边距 */
}

12
src/views/business/apply/components/AddApply.vue
View File

@ -213,4 +213,14 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
::v-deep.el-button--danger{
background-color: #FF5129;
border-color: #FF5129;
}
</style>

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

@ -1,18 +1,15 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<GoBack :title="'出库审核'" @goBack="goBack" />
<div class="app-container" shadow="never">
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" size="small" inline label-width="110px" >
<el-form-item label="需求单位" prop="useUnit">
<el-input v-model="queryParams.useUnit" style="width: 200px" placeholder="请输入需求单位" :disabled="queryParams.status=='0'" clearable/>
</el-form-item>
<GoBack :title="'出库审核'" @goBack="goBack" />
<el-form :model="queryParams" ref="queryForm" size="small" inline label-width="150px" >
<el-form-item label="需求单位" prop="useUnit">
<el-input v-model="queryParams.useUnit" style="width: 200px" placeholder="请输入需求单位" :disabled="queryParams.status=='0'" clearable/>
</el-form-item>
<el-form-item label="使用项目" prop="proName">
<el-input style="width: 200px" disabled v-model="queryParams.proName"/>
</el-form-item>
<el-form-item label="项目类型" prop="proType">
<el-input style="width: 200px" disabled v-model="queryParams.proType"/>
</el-form-item>
@ -28,17 +25,130 @@
<el-form-item label="项目所在区/县" prop="proCounty">
<el-input style="width: 200px" disabled v-model="queryParams.proCounty"/>
</el-form-item>
</el-form>
</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">出库审核列表1</span>
<el-row :gutter="24" style="height: auto;">
<el-col :span="6" style="height: 100%;">
<el-card shadow="never" style="height: 100%;">
<div style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #F0F0F0;">
<span style="font-size: 20px; font-weight: 800;margin-right: 48px;">审批进度</span>
</div>
<div class="approval-progress" v-if="showApprovalProgress && processConfig && processConfig.nodeList && !collapsed" >
<el-timeline>
<el-timeline-item
v-for="node in processConfig.nodeList"
:key="node.id"
:timestamp="getNodeRecord(node) ? getNodeRecord(node).approveTime : ''"
placement="top"
>
<div class="timeline-content">
<div class="node-title">
<span class="node-name">节点{{ node.nodeOrder }}：{{ node.nodeName }}</span>
<el-tag :type="getNodeTagType(node)">
{{ getNodeStatusLabel(node) }}
</el-tag>
</div>
<div class="node-info">
<div>审批人：{{ node.name }}</div>
<div v-if="getNodeRecord(node)">
<div>审批结果：{{ getNodeRecord(node).approveResult === '1' ? '通过' : '驳回' }}</div>
<div>审批意见：{{ getNodeRecord(node).approveOpinion }}</div>
<div>审批时间：{{ getNodeRecord(node).approveTime }}</div>
</div>
<div v-else-if="node.nodeOrder === approvalInstance.currentNodeOrder">
状态：待审批
</div>
<div v-else>
状态：等待上一节点审批
</div>
</div>
</div>
</el-timeline-item>
</el-timeline>
</div>
<div v-if="showApprovalActions && canApprove && !collapsed && !routerParams.isView" style="margin-top: 30px">
<div style="margin-bottom: 15px; font-weight: bold;">审批操作</div>
<el-form ref="approveForm" :model="approveData" label-width="100px">
<el-form-item label="审批意见">
<el-input
v-model="approveData.opinion"
type="textarea"
rows="4"
placeholder="请输入审批意见"
maxlength="500"
show-word-limit
/>
</el-form-item>
<el-form-item>
<el-button type="success" @click="handlePass">通过</el-button>
<el-button type="danger" @click="handleFail">驳回</el-button>
<el-button @click="handleCancel">取消</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
</el-row>
<el-col :span="18">
<el-card shadow="never">
<div class="mb8" style="display: flex;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #F0F0F0;">
<span style="font-size: 20px; font-weight: 800;margin-right: 48px;">出库审核列表</span>
<span style="font-size: 16px;color: #808080;">共{{tableList.length}}条记录</span>
</div>
<el-table
v-loading="isLoading"
:data="tableList"
highlight-current-row
border
stripe
class="my-table"
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" width="250px" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{
scope.row.useStartTime && scope.row.useEndTime
? `${scope.row.useStartTime} 至 ${scope.row.useEndTime}`
: '暂无时间段'
}}
</template>
</el-table-column>
</el-table>
</el-card>
</el-col>
</el-row>
<!-- <el-card shadow="never">
<el-row :gutter="10" class="mb8" justify="end" style="display: flex;align-items: center;">
<el-col :span="6">
<span style="font-size: 20px; font-weight: 800;margin-right: 48px;">出库审核列表</span>
<span style="font-size: 16px;color: #808080;">共{{tableList.length}}条记录</span>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :span="collapsed ? 23 : 18">
<el-table
@ -76,7 +186,6 @@
<el-table-column label="申请数量" align="center" prop="num" :show-overflow-tooltip="true" />
<el-table-column label="使用到期日期" align="center" width="250px" :show-overflow-tooltip="true">
<template slot-scope="scope">
<!-- 处理日期为 null/undefined 的情况，显示占位符；有值则拼接为 "开始日期 至 结束日期" 格式 -->
{{
scope.row.useStartTime && scope.row.useEndTime
? `${scope.row.useStartTime} 至 ${scope.row.useEndTime}`
@ -85,10 +194,8 @@
</template>
</el-table-column>
</el-table>
</el-col>
<el-col :span="collapsed ? 1 : 6">
<!-- 审批进度 -->
</el-col>
<el-col :span="collapsed ? 1 : 6">
<div class="approval-progress" v-if="showApprovalProgress && processConfig && processConfig.nodeList && !collapsed" >
<div class="section-header">审批进度</div>
<el-timeline>
@ -98,17 +205,6 @@
:timestamp="getNodeRecord(node) ? getNodeRecord(node).approveTime : ''"
placement="top"
>
<!-- <p>-->
<!-- <strong>{{ node.nodeName }}</strong>-->
<!-- <span style="margin-left: 20px">{{ getNodeStatusLabel(node) }}</span>-->
<!-- </p>-->
<!-- <p v-if="getNodeRecord(node)">-->
<!-- 审批人：{{ getNodeRecord(node).name }}-->
<!-- </p>-->
<!-- <p v-if="getNodeRecord(node)">-->
<!-- 审批意见：{{ getNodeRecord(node).approveOpinion }}-->
<!-- </p>-->
<div class="timeline-content">
<div class="node-title">
<span class="node-name">节点{{ node.nodeOrder }}：{{ node.nodeName }}</span>
@ -131,18 +227,9 @@
</div>
</div>
</div>
</el-timeline-item>
</el-timeline>
</div>
<!-- 审批操作 -->
<div v-if="showApprovalActions && canApprove && !collapsed && !routerParams.isView" style="margin-top: 30px">
<div style="margin-bottom: 15px; font-weight: bold;">审批操作</div>
<el-form ref="approveForm" :model="approveData" label-width="100px">
@ -162,10 +249,8 @@
<el-button @click="handleCancel">取消</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div style="position: absolute; width: 10px; top: 50%; right: 0">
<!-- 右侧折叠/展开按钮 -->
<el-button
size="mini"
@click="collapsed = !collapsed"
@ -175,13 +260,7 @@
</div>
</el-col>
</el-row>
<!-- 返回按钮 -->
<!-- <div v-if="showApprovalActions && !canApprove" style="margin-top: 30px">
<el-button @click="handleCancel">返回</el-button>
</div> -->
</el-card>
</el-card> -->
</div>
</template>
@ -590,6 +669,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/audit/auditList.vue
View File

@ -1,8 +1,8 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<div class="app-container" shadow="never">
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" label-width="auto" inline @submit.native.prevent>
<el-form :model="queryParams" ref="queryForm" label-width="120px" inline @submit.native.prevent>
<el-form-item label="项目名称" prop="proCode">
<el-select
clearable
@ -66,12 +66,13 @@
</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;">共{{tableList.length}}条记录</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"
@ -123,8 +124,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>
<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>
</el-table-column>
</el-table>
@ -265,6 +266,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的默认下边距 */
}

12
src/views/business/components/ConfirmationDialog.vue
View File

@ -2,14 +2,14 @@
<el-dialog
title="确定添加"
:visible.sync="visible"
width="600px"
width="720px"
@close="handleClose"
>
<div v-loading="loading">
<!-- 列表 -->
<div style="margin-bottom: 20px">
<div style="font-weight: bold; margin-bottom: 10px">已添加（共 {{ selectedRows.length }} 项）</div>
<el-table :data="selectedRows" style="width: 100%" max-height="270">
<el-table :data="selectedRows" style="width: 100%" max-height="300" border>
<el-table-column prop="typeName" align="center" label="装备名称" show-overflow-tooltip/>
<el-table-column prop="num" align="center" label="数量" show-overflow-tooltip>
<template slot-scope="{ row }">
@ -23,8 +23,8 @@
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="confirm" :loading="loading">确定</el-button>
<el-button @click="handleClose" size="mini">取消</el-button>
<el-button type="primary" @click="confirm" size="mini" :loading="loading">确定</el-button>
</span>
</el-dialog>
</template>
@ -67,5 +67,9 @@ export default {
::v-deep .el-dialog__body {
padding: 20px;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
</style>

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

@ -1,10 +1,9 @@
<template>
<!-- 基础页面 -->
<div class="app-container">
<GoBack :title="'出库申请'" @goBack="goBack" />
<el-card v-show="showSearch" style="margin-bottom: 20px">
<el-form :model="queryParams" ref="queryForm" size="small" inline label-width="100px">
<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="150px">
<el-form-item label="需求单位" prop="useUnit">
<el-input v-model="queryParams.useUnit" style="width: 200px" placeholder="请输入需求单位"
:disabled="queryParams.status=='0'"
@ -112,13 +111,13 @@
</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>
<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;">共{{tableList.length}}条记录</span>
</el-col>
<el-col v-if="routerParams.isView" :span="20" style="display: flex; justify-content: flex-end">
<el-col v-if="routerParams.isView" :span="18" 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>
@ -191,13 +190,9 @@
</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 type="text" style="color: #2CBAB2;" :disabled="row.isFinished =='1' || row.outNum == 0" @click="handleOut(row)">出库
</el-button>
<el-button type="text" style="color: #2CBAB2;" :disabled="row.isFinished =='1'" @click="handleOutCancel(row)">取消出库
</el-button>
</template>
</el-table-column>
@ -483,4 +478,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>

36
src/views/business/outbound/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" label-width="auto" inline @submit.native.prevent >
<el-card v-show="showSearch" style="margin-bottom: 20px" shadow="never">
<el-form :model="queryParams" ref="queryForm" label-width="120px" inline @submit.native.prevent >
<el-form-item label="项目名称" prop="proName">
<el-input
v-model="queryParams.proName"
@ -47,7 +47,7 @@
</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>
@ -88,11 +88,11 @@
</el-table-column>
<el-table-column label="操作" align="center">
<template slot-scope="{ row }">
<el-button v-if="row.taskStatus == '3'" size="mini" type="text" icon="el-icon-zoom-in" @click="handleApprove(row)"
<el-button v-if="row.taskStatus == '3'" type="text" style="color: #2CBAB2;" @click="handleApprove(row)"
>查看
</el-button
>
<el-button v-if="row.taskStatus != '3'" size="mini" type="text" @click="handleView(row)">出库</el-button>
<el-button v-if="row.taskStatus != '3'" type="text" style="color: #2CBAB2;" @click="handleView(row)">出库</el-button>
</template>
</el-table-column>
</el-table>
@ -197,6 +197,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/stockManagement/entryApply/apply.vue
View File

@ -1,17 +1,19 @@
<template>
<div class="app-container">
<GoBack :title="title" @goBack="goBack" />
<el-tabs v-model="activeName" :before-leave="beforeClick">
<el-tab-pane label="施工装备" name="EquipmentAdd"></el-tab-pane>
<el-tab-pane label="编码工具" name="AddCode"></el-tab-pane>
<el-tab-pane label="数量工具" name="AddNum"></el-tab-pane>
</el-tabs>
<el-card style="margin-bottom: 20px;border-radius: 8px;" shadow="never">
<GoBack :title="title" @goBack="goBack" />
<el-tabs v-model="activeName" :before-leave="beforeClick">
<el-tab-pane label="施工装备" name="EquipmentAdd"></el-tab-pane>
<el-tab-pane label="数量工具" name="AddNum"></el-tab-pane>
<el-tab-pane label="编码工具" name="AddCode"></el-tab-pane>
</el-tabs>
</el-card>
<component ref="componentRef" :is="isShowComponent" />
</div>
</template>
<script>
import GoBack from '@/components/GoBack'
import GoBack from '@/components/GoBack/index2'
import EquipmentAdd from '@/views/stockManagement/entryApply/components/EquipmentAdd'
import AddNum from '@/views/stockManagement/entryApply/components/AddNum'
import AddCode from '@/views/stockManagement/entryApply/components/AddCode'
@ -137,4 +139,19 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<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-tabs__nav-wrap::after {
height: 0px;
}
</style>

22
src/views/stockManagement/entryApply/components/AddCode.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<el-card style="margin-bottom: 20px" v-if="!routerParams.isView">
<el-card style="margin-bottom: 20px" v-if="!routerParams.isView" shadow="never">
<el-form
ref="dialogForm"
:model="dialogForm"
@ -61,18 +61,18 @@
/>
</el-form-item>
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-plus" :disabled="typeIdList.length == 0" @click="handleAdd"
<el-button type="primary" icon="el-icon-plus" :disabled="typeIdList.length == 0" @click="handleAdd" style="background: #2CBAB2;"
>点击填充</el-button
>
</el-form-item>
</el-form>
</el-card>
<el-card v-loading="isLoading">
<el-card v-loading="isLoading" shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="24" style="display: flex; justify-content: flex-end">
<el-button v-if="!routerParams.isView" type="primary" :disabled="dialogList.length == 0" @click="submit">暂存</el-button>
</el-col>
<el-button v-if="!routerParams.isView" type="primary" :disabled="dialogList.length == 0" @click="submit" style="background: #2CBAB2;">暂存</el-button>
</el-col>
</el-row>
<el-table :data="dialogList" border stripe highlight-current-row height="546" style="width: 100%">
<el-table-column type="index" width="55" label="序号" align="center" />
@ -144,11 +144,9 @@
<el-table-column label="操作" align="center" v-if="!routerParams.isView">
<template slot-scope="{ row, $index }">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
type="text"
@click="handleDelete(row, $index)"
style="color: red"
style="color: #FF5129"
>删除</el-button
>
</template>
@ -254,7 +252,7 @@
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button type="primary" @click="submitForm" style="background: #2CBAB2;">确 定</el-button>
<el-button @click="showHouse = false">取 消</el-button>
</div>
</el-dialog>
@ -274,7 +272,7 @@
<el-table-column label="操作" align="center" width="100">
<template slot-scope="{ row, $index }">
<div style="display: flex; align-items: center; justify-content: center">
<el-button v-if="!routerParams.isView" size="mini" type="text" @click="handleFileUpload(currentRow, row.type)">上传</el-button>
<el-button v-if="!routerParams.isView" size="mini" style="color: #2CBAB2;" type="text" @click="handleFileUpload(currentRow, row.type)">上传</el-button>
<el-button
v-if="
(row.type == 2 && currentRow.certificates.length > 0) ||
@ -282,7 +280,7 @@
(row.type == 4 && currentRow.purchaseInvoices.length > 0)
"
size="mini"
type="text"
type="text" style="color: #2CBAB2;"
@click="handleView(currentRow, row.type)"
>
查看

4
src/views/stockManagement/entryApply/components/AddEquip.vue
View File

@ -27,7 +27,7 @@
</div>
<div class="dialog-footer" style="float: right">
<!-- <el-button size="medium" @click="close">取消</el-button> -->
<el-button type="primary" size="medium" @click="handleSubmit">确认</el-button>
<el-button type="primary" size="medium" @click="handleSubmit" style="background: #2CBAB2;">确认</el-button>
</div>
</div>
@ -436,7 +436,7 @@
</el-row>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button type="primary" @click="submitForm" style="background: #2CBAB2;">确 定</el-button>
<el-button @click="showHouse = false">取 消</el-button>
</div>
</el-dialog>

18
src/views/stockManagement/entryApply/components/AddNum.vue
View File

@ -1,6 +1,6 @@
<template>
<div>
<el-card style="margin-bottom: 20px" v-if="!routerParams.isView">
<el-card style="margin-bottom: 20px" v-if="!routerParams.isView" shadow="never">
<el-form ref="dialogForm" :model="dialogForm" size="small" inline @submit.native.prevent style="height: 32px">
<el-form-item label="规格型号">
<el-cascader
@ -16,10 +16,10 @@
</el-form>
</el-card>
<el-card v-loading="isLoading">
<el-card v-loading="isLoading" shadow="never">
<el-row :gutter="10" class="mb8" justify="end">
<el-col :span="24" style="display: flex; justify-content: flex-end">
<el-button v-if="!routerParams.isView" type="primary" :disabled="dialogList.length == 0" @click="submit"
<el-button v-if="!routerParams.isView" type="primary" style="background: #2CBAB2;" :disabled="dialogList.length == 0" @click="submit"
>暂存</el-button
>
</el-col>
@ -68,12 +68,10 @@
</el-table-column>
<el-table-column label="操作" align="center" v-if="!routerParams.isView">
<template slot-scope="{ row, $index }">
<el-button
size="mini"
type="text"
icon="el-icon-delete"
<el-button
type="text"
@click="handleDelete(row, $index)"
style="color: red"
style="color: #FF5129;"
>删除</el-button
>
</template>
@ -120,7 +118,7 @@
<el-table-column label="操作" align="center" width="100">
<template slot-scope="{ row, $index }">
<div style="display: flex; align-items: center; justify-content: center">
<el-button v-if="!routerParams.isView" size="mini" type="text" @click="handleFileUpload(currentRow, row.type)">上传</el-button>
<el-button v-if="!routerParams.isView" size="mini" style="color: #2CBAB2;" type="text" @click="handleFileUpload(currentRow, row.type)">上传</el-button>
<el-button
v-if="
(row.type == 2 && currentRow.certificates.length > 0) ||
@ -128,7 +126,7 @@
(row.type == 4 && currentRow.purchaseInvoices.length > 0)
"
size="mini"
type="text"
type="text" style="color: #2CBAB2;"
@click="handleView(currentRow, row.type)"
>
查看

33
src/views/stockManagement/entryApply/components/EquipmentAdd.vue
View File

@ -2,7 +2,7 @@
<div>
<!-- 查询条件 -->
<el-form :model="queryParams" ref="queryFormRef" :inline="true" inline label-width="auto" size="small">
<el-card class="search-box">
<el-card class="search-box" shadow="never">
<el-row>
<!-- <el-form-item label="审批状态" prop="status">-->
<!-- <el-select clearable style="width: 200px" placeholder="请选择审批状态" v-model="queryParams.status">-->
@ -68,7 +68,7 @@
</el-form-item>
<el-form-item style="float: right">
<el-button icon="el-icon-search" type="primary" @click="queryTableList" size="mini"> 查询</el-button>
<el-button icon="el-icon-search" type="primary" @click="queryTableList" size="mini" style="background: #2CBAB2;"> 查询</el-button>
<el-button icon="el-icon-refresh" @click="resetTableList" size="mini"> 重置</el-button>
</el-form-item>
</el-row>
@ -78,13 +78,13 @@
</el-card>
</el-form>
<el-card class="content-box">
<el-card class="content-box" shadow="never">
<el-row>
<el-col :span="24" style="text-align: right" v-if="!routerParams.isView">
<el-button type="primary" size="mini" @click="equipmentDeployment" v-show="!isAddVisible">
<el-button type="primary" size="mini" @click="equipmentDeployment" v-show="!isAddVisible" style="background: #2CBAB2;">
新增装备
</el-button>
<el-button type="primary" size="mini" @click="handleImport" v-show="!isAddVisible"> 批量导入</el-button>
<el-button type="primary" size="mini" @click="handleImport" v-show="!isAddVisible" style="background: #2CBAB2;"> 批量导入</el-button>
<el-button
type="primary"
size="mini"
@ -448,26 +448,25 @@
</el-table-column> -->
<el-table-column label="操作" align="center" min-width="220" fixed="right">
<template slot-scope="{ row, $index }">
<el-button v-if="!row.isNew" type="text" icon="el-icon-view" @click="handleViewDetail(row)">
<el-button v-if="!row.isNew" type="text" style="color: #2CBAB2;" @click="handleViewDetail(row)">
查看
</el-button>
<el-button
type="text"
icon="el-icon-edit"
style="color: #2CBAB2;"
@click="handleDblClick(row)"
v-if="row.orderStatus == '3' && !isAddVisible && !row.isNew && !routerParams.isView"
>
编辑
</el-button>
<el-button type="text" icon="el-icon-edit" @click="submitRow(row)" v-if="row.isNew && !routerParams.isView">
<el-button type="text" style="color: #2CBAB2;" @click="submitRow(row)" v-if="row.isNew && !routerParams.isView">
保存
</el-button>
<el-button
v-if="((row.orderStatus == '3' && !isAddVisible) || row.isNew) && !routerParams.isView"
type="text"
icon="el-icon-delete"
@click="deleteRowInfo(row, $index)"
style="color: red"
style="color: #FF5129"
>
删除
</el-button>
@ -547,7 +546,7 @@
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm2">确 定</el-button>
<el-button type="primary" @click="submitFileForm2" style="background: #2CBAB2;">确 定</el-button>
<el-button @click="upload.open2 = false">取 消</el-button>
</div>
</el-dialog>
@ -578,7 +577,7 @@
</div>
</el-upload>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitFileForm">确 定</el-button>
<el-button type="primary" @click="submitFileForm" style="background: #2CBAB2;">确 定</el-button>
<el-button @click="upload.open = false">取 消</el-button>
</div>
</el-dialog>
@ -598,7 +597,7 @@
<el-table-column label="操作" align="center" width="100">
<template slot-scope="{ row }">
<div style="display: flex; align-items: center; justify-content: center">
<el-button v-if="currentRow.isNew" size="mini" type="text"
<el-button v-if="currentRow.isNew" size="mini" type="text" style="color: #2CBAB2;"
@click="handleFileUpload(currentRow, row.type)"
>上传
</el-button
@ -611,7 +610,7 @@
(row.type == 4 && currentRow.purchaseInvoices.length > 0)
"
size="mini"
type="text"
type="text" style="color: #2CBAB2;"
@click="handleView(currentRow, row.type)"
>
查看
@ -1705,4 +1704,10 @@ export default {
::v-deep .el-input-number.is-without-controls .el-input__inner {
text-align: left;
}
::v-deep.el-button--primary{
background-color: #2CBAB2;
border-color: #2CBAB2;
}
</style>

49
src/views/stockManagement/entryApply/index.vue
View File

@ -1,13 +1,13 @@
<template>
<div class="app-container">
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-form
v-show="showSearch"
:model="queryParams"
ref="queryForm"
size="small"
class="search-form"
label-width="80px"
label-width="120px"
@submit.native.prevent
>
<el-form-item label="申请人:" prop="createUser">
@ -42,17 +42,17 @@
<!-- 表单按钮 -->
<el-form-item class="form-right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
<el-button type="primary" size="mini" icon="el-icon-search" @click="handleQuery" style="background: #2CBAB2;">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-row :gutter="10" class="mb8" style="display: flex; justify-content: flex-end">
<el-col :span="1.5">
<el-button type="primary" size="mini" @click="handleAdd">新增</el-button>
<el-button type="primary" size="mini" @click="batchSubmit">申请提交</el-button>
<el-button type="primary" size="mini" @click="handleAdd" style="background: #2CBAB2;">新增</el-button>
<el-button type="primary" size="mini" @click="batchSubmit" style="background: #2CBAB2;">申请提交</el-button>
</el-col>
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
</el-row>
@ -94,20 +94,20 @@
<!-- 操作 -->
<el-table-column label="操作" align="center" width="150">
<template v-slot="{ row }">
<el-button v-if="row.status == 0 || row.status == 3" type="text" size="mini" @click="handleEdit(row)"
<el-button v-if="row.status == 0 || row.status == 3" type="text" size="mini" @click="handleEdit(row)" style="color: #2CBAB2;"
>编辑
</el-button
>
<el-button
v-if="row.status == 0 || row.status == 3"
type="text"
style="color: red"
style="color: #FF5129"
size="mini"
@click="handleDelete(row)"
>删除
</el-button
>
<el-button v-if="row.status == 0 || row.status == 3" type="text" size="mini" @click="submit(row)"
<el-button v-if="row.status == 0 || row.status == 3" type="text" size="mini" @click="submit(row)" style="color: #2CBAB2;"
>提交
</el-button
>
@ -293,4 +293,31 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<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>

45
src/views/stockManagement/inventoryAudit/index.vue
View File

@ -1,13 +1,13 @@
<template>
<div class="app-container">
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-form
v-show="showSearch"
:model="queryParams"
ref="queryForm"
size="small"
class="search-form"
label-width="80px"
label-width="120px"
@submit.native.prevent
>
<el-form-item label="申请人:" prop="createUser">
@ -37,13 +37,13 @@
<!-- 表单按钮 -->
<el-form-item class="form-right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
<el-button type="primary" size="mini" icon="el-icon-search" @click="handleQuery" style="background: #2CBAB2;">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-row :gutter="10" class="mb8" style="display: flex; justify-content: flex-end">
<el-col :span="1.5">
<el-button type="primary" size="mini" :disabled="selectedRowKeys.length == 0" @click="batchSubmit(1)"
@ -93,9 +93,9 @@
<!-- 操作 -->
<el-table-column label="操作" align="center" width="150">
<template slot-scope="{ row }">
<el-button type="text" size="mini" @click="handleView(row)">查看</el-button>
<el-button type="text" size="mini" @click="submit(row)">审核</el-button>
<el-button type="text" style="color: red" size="mini" @click="handleReject(row)">驳回</el-button>
<el-button type="text" style="color: #2CBAB2;" @click="handleView(row)">查看</el-button>
<el-button type="text" style="color: #2CBAB2;" @click="submit(row)">审核</el-button>
<el-button type="text" style="color: #FF5129" @click="handleReject(row)">驳回</el-button>
</template>
</el-table-column>
</el-table>
@ -259,4 +259,31 @@ export default {
}
</script>
<style lang="scss" scoped></style>
<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>

27
src/views/stockManagement/storageRecord/index.vue
View File

@ -1,13 +1,13 @@
<template>
<div class="app-container">
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-form
v-show="showSearch"
:model="queryParams"
ref="queryForm"
size="small"
class="search-form"
label-width="80px"
label-width="120px"
@submit.native.prevent
>
<el-form-item label="申请人:" prop="createUser">
@ -37,13 +37,13 @@
<!-- 表单按钮 -->
<el-form-item class="form-right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
<el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery" style="background: #2CBAB2;">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
</el-card>
<el-card style="margin-bottom: 20px">
<el-card style="margin-bottom: 20px" shadow="never">
<el-row :gutter="10" class="mb8" style="display: flex; justify-content: flex-end">
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> -->
</el-row>
@ -68,7 +68,7 @@
<!-- 操作 -->
<el-table-column label="操作" align="center" width="150">
<template slot-scope="{ row }">
<el-button type="text" size="mini" @click="handleDetails(row)">详情记录</el-button>
<el-button type="text" style="color: #2CBAB2;" @click="handleDetails(row)">详情记录</el-button>
</template>
</el-table-column>
</el-table>
@ -85,8 +85,8 @@
<!-- 入库记录单 -->
<el-dialog title="" :visible.sync="recordVisible" width="65%" append-to-body>
<el-row class="btns" style="display: flex; justify-content: flex-end; gap: 8px">
<el-button size="mini" type="primary" @click="handleDownloadPDF">下载</el-button>
<el-button size="mini" type="primary" @click="onHandlePrint">打印</el-button>
<el-button size="mini" type="primary" style="background: #2CBAB2;" @click="handleDownloadPDF">下载</el-button>
<el-button size="mini" type="primary" style="background: #2CBAB2;" @click="onHandlePrint">打印</el-button>
<!-- <el-button size="mini" type="primary" @click="recordVisible = false">关闭</el-button> -->
</el-row>
@ -260,6 +260,17 @@ 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;
}
.record-row {
margin-bottom: 10px;
font-size: 16px;