bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
bonus-ui/src/views/material/lease/outBound/index.vue

1551 lines
68 KiB
Vue
Raw Normal View History

领料出库
2024-11-12 15:05:17 +08:00
<template>
增加参数
2025-03-06 11:13:23 +08:00
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="100px"
领料申请
2024-11-14 12:57:47 +08:00
>
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item>
<el-date-picker
v-model="queryParams.time"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 240px"
问题修复
2025-07-24 00:51:26 +08:00
:clearable="false"
增加参数
2025-03-06 11:13:23 +08:00
></el-date-picker>
</el-form-item>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item prop="keyWord">
<el-input
v-model="queryParams.keyWord"
placeholder="请输入关键字"
clearable
maxlength="50"
style="width: 240px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item prop="taskStatus">
<el-select
v-model="queryParams.taskStatus"
placeholder="请选择状态"
clearable
filterable
style="width: 240px"
>
<!-- v-for 和 v-if 尽量不要同时使用 -->
<el-option
v-for="dict in dict.type.lease_task_status"
v-show="dict.value != 1 && dict.value != 2"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item>
修改
2025-08-27 10:56:49 +08:00
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
增加参数
2025-03-06 11:13:23 +08:00
</el-form-item>
</el-form>
领料申请
2024-11-14 12:57:47 +08:00
出库数量统计
2025-08-21 20:03:46 +08:00
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
修改
2025-08-27 10:56:49 +08:00
<div style="color: red">{{ queryParams.time ? queryParams.time[0] : '' }} - {{ queryParams.time ? queryParams.time[1] : '' }} 出库数量: {{ allNum }}</div>
出库数量统计
2025-08-21 20:03:46 +08:00
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
固定表头
2025-08-21 11:24:07 +08:00
<el-table v-loading="loading" :data="typeList" border :max-height="650">
样式优化
2025-07-24 14:23:57 +08:00
<el-table-column align="center" label="序号" type="index">
增加参数
2025-03-06 11:13:23 +08:00
<template slot-scope="scope">
<span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
</template>
</el-table-column>
问题修复
2025-07-24 00:51:26 +08:00
<el-table-column align="center" width="100" label="发布时间" prop="releaseTime" />
样式优化
2025-07-24 14:23:57 +08:00
<el-table-column label="申请人" align="center" prop="createBy" :show-overflow-tooltip="true" />
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column
label="实施单位"
align="center"
prop="impUnitName"
width="150px"
:show-overflow-tooltip="true"
/>
领料单样式优化
2025-07-27 16:00:23 +08:00
<el-table-column label="租赁单位" align="center" prop="leaseUnit" width="180px" />
<el-table-column label="租赁工程" align="center" prop="leaseProject" width="180px" />
增加参数
2025-03-06 11:13:23 +08:00
<!-- <el-table-column
领料申请
2024-11-14 12:57:47 +08:00
label="领料物资类型"
align="center"
领料申请，领料出库bug修复
2024-12-23 18:33:34 +08:00
prop="maTypeNames"
领料申请
2024-11-14 12:57:47 +08:00
width="110px"
:show-overflow-tooltip="true"
领料和综合查询都添加实施单位，合同主体单位字段
2025-01-08 10:00:56 +08:00
/> -->
领料单样式优化
2025-07-27 16:00:23 +08:00
<el-table-column label="协议号" align="center" prop="agreementCode" width="140px" />
<el-table-column label="租赁申请单号" align="center" prop="code" width="140px"></el-table-column>
<el-table-column label="业务联系单号" align="center" prop="businessCode" width="140px"></el-table-column>
<el-table-column label="申请数量" align="center" prop="preCountNum"></el-table-column>
领料申请
2024-11-14 12:57:47 +08:00
材料员确认增加默认时间
2025-07-26 10:55:32 +08:00
<!-- <el-table-column
增加参数
2025-03-06 11:13:23 +08:00
label="已出库数量"
align="center"
prop="alNum"
材料员确认增加默认时间
2025-07-26 10:55:32 +08:00
></el-table-column> -->
领料申请
2024-11-14 12:57:47 +08:00
样式优化
2025-07-24 14:23:57 +08:00
<el-table-column label="领料人" align="center" prop="leasePerson" />
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- <el-table-column
领料申请
2024-11-14 12:57:47 +08:00
label="领料人电话"
align="center"
prop="phone"
width="120px"
:show-overflow-tooltip="true"
领料和综合查询都添加实施单位，合同主体单位字段
2025-01-08 10:00:56 +08:00
/> -->
领料申请
2024-11-14 12:57:47 +08:00
样式优化
2025-07-24 14:23:57 +08:00
<el-table-column label="状态" align="center" prop="taskStatus" width="110px" :show-overflow-tooltip="true">
增加参数
2025-03-06 11:13:23 +08:00
<template slot-scope="scope">
<dict-tag :options="dict.type.lease_task_status" :value="scope.row.taskStatus" />
</template>
</el-table-column>
样式优化
2025-07-24 14:23:57 +08:00
<el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="操作" align="center" width="270" fixed="right">
<template slot-scope="scope">
<el-button size="mini" style="margin-bottom: 10px" type="normal" @click="handleView(scope.row)">
查看
</el-button>
<el-button
size="mini"
style="margin-bottom: 10px"
type="primary"
@click="handleOut(scope.row)"
优化
2025-07-16 11:30:11 +08:00
v-if="scope.row.taskStatus != 4"
增加参数
2025-03-06 11:13:23 +08:00
>
出库
</el-button>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-button size="mini" type="warning" @click="handleLld(scope.row)">领料单</el-button>
<el-button
size="mini"
type="warning"
@click="handlePrint(scope.row)"
>
出库检验单
</el-button>
</template>
</el-table-column>
</el-table>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
领料申请
2024-11-14 12:57:47 +08:00
/>
增加参数
2025-03-06 11:13:23 +08:00
<!-- 出库弹窗 -->
<el-dialog title="出库" :visible.sync="showOutInfo" width="1200px" append-to-body>
<el-form
:model="queryOutInfo"
ref="queryFormOutInfo"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
领料申请
2024-11-14 12:57:47 +08:00
>
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item prop="keyWord">
<el-input v-model="queryOutInfo.keyWord" placeholder="请输入规格型号" clearable maxlength="20" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryOutInfo">
查询
</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQueryOutInfo">重置</el-button>
</el-form-item>
</el-form>
出库增加loading
2025-07-28 16:39:36 +08:00
<el-table v-loading="loadingView" :data="getListOutInfo" width="600px" height="450">
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="类型名称" align="center" prop="maTypeName" :show-overflow-tooltip="true" />
<el-table-column label="规格型号" align="center" prop="typeName" :show-overflow-tooltip="true" />
<el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
<el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
<el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="codeOut(scope.row)"
v-if="scope.row.manageType == 0 && scope.row.outNum != 0"
>
编码出库
</el-button>
<el-button
size="mini"
type="primary"
v-if="scope.row.manageType == 1 && scope.row.outNum != 0"
@click="numOut(scope.row)"
>
数量出库
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="dialogTotal > 0"
:total="dialogTotal"
:page.sync="queryOutInfo.pageNum"
:limit.sync="queryOutInfo.pageSize"
@pagination="getDialogList"
/>
</el-dialog>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- 查看弹窗 -->
<el-dialog title="查看" :visible.sync="showOutView" width="1200px" append-to-body>
<el-form
:model="queryOutView"
ref="queryFormOutInfo"
size="small"
:inline="true"
v-show="showSearch"
label-width="68px"
>
<el-form-item prop="keyWord">
<el-input v-model="queryOutView.keyWord" placeholder="请输入规格型号" clearable maxlength="20" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryOutView">
查询
</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQueryOutView">重置</el-button>
</el-form-item>
</el-form>
优化
2025-07-27 19:10:20 +08:00
<el-table v-loading="loadingView" :data="getListOutInfo" width="600px" height="450">
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="类型名称" align="center" prop="maTypeName" :show-overflow-tooltip="true" />
<el-table-column label="规格型号" align="center" prop="typeName" :show-overflow-tooltip="true" />
<el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" />
领料出库
2025-08-31 11:05:04 +08:00
<el-table-column label="预出库数量" align="center" prop="preNum" :show-overflow-tooltip="true" v-if="checkShowPreButton()">
<template slot-scope="scope">
<template v-if="scope.row.outNum > 0">
<el-input
v-model.number="scope.row.preNum"
controls-position="right"
type="number"
style="width: 100%"
clearable
placeholder="请输入预出库数量"
:min="0"
@change="checkPreNum(scope.row)"
></el-input>
</template>
<template v-else>
{{ scope.row.preNum }}
</template>
</template>
</el-table-column>
<el-table-column label="当前库存" align="center" prop="storageNum" :show-overflow-tooltip="true" v-if="checkShowPreButton()"/>
<el-table-column label="待出库库存" align="center" prop="pendingOutNum" :show-overflow-tooltip="true" v-if="checkShowPreButton()"/>
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
<el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
<el-table-column label="操作" align="center" width="120px" v-if="checkShowRejectButton()">
<template slot-scope="scope">
<el-button
size="mini"
type="danger"
@click="handleReject(scope.row)"
出库增加loading
2025-07-28 16:39:36 +08:00
v-if="scope.row.alNum == 0 && taskType == '19'"
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
>
驳回
</el-button>
领料出库
2025-08-31 11:05:04 +08:00
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.row)"
v-if="scope.row.alNum == 0 && taskType == '2'"
>
删除
</el-button>
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
</template>
</el-table-column>
增加参数
2025-03-06 11:13:23 +08:00
</el-table>
<pagination
v-show="ViewTotal > 0"
:total="ViewTotal"
:page.sync="queryOutView.pageNum"
:limit.sync="queryOutView.pageSize"
@pagination="getListView"
/>
</el-dialog>
出库
2024-11-14 16:11:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- 编码出库 -->
<el-dialog title="编码出库" :visible.sync="openCode" width="1200px" append-to-body>
<span style="margin-left: 32px">待出库数量：{{ outNum }}</span>
出库
2024-11-14 16:11:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<el-form :model="outQuery" ref="outQuery" size="small" :inline="true" label-width="100px">
<el-form-item label="设备编码" prop="maCode">
<el-input v-model="outQuery.maCode" maxlength="20" />
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleOutQuery">查询</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetOutQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" size="mini" @click="saveCodeOut">出库</el-button>
</el-col>
</el-row>
<el-table v-loading="loadingTwo" :data="outCodeList" height="500" @selection-change="handleSelectionChange">
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
<el-table-column type="selection" width="55" align="center" :selectable="selectable" />
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="序号" align="center" width="80" type="index">
<!-- <template slot-scope="scope">
出库
2024-11-14 16:11:28 +08:00
<span>{{
(outQuery.pageNum - 1) * 10 + scope.$index + 1
}}</span>
</template> -->
增加参数
2025-03-06 11:13:23 +08:00
</el-table-column>
<el-table-column label="类型名称" align="center" prop="materialName" :show-overflow-tooltip="true" />
<el-table-column label="规格型号" align="center" prop="materialModel" :show-overflow-tooltip="true" />
<el-table-column label="设备编码" align="center" prop="maCode" :show-overflow-tooltip="true" />
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
<el-table-column label="本次检验时间" align="center" prop="thisCheckTime" :show-overflow-tooltip="true" />
<el-table-column label="下次检验时间" align="center" prop="nextCheckTime" :show-overflow-tooltip="true">
<template slot-scope="{ row }">
<span :style="{color: isWithinOneMonth(row.nextCheckTime) ? 'red' : ''}">{{ row.nextCheckTime }}</span>
</template>
</el-table-column>
增加参数
2025-03-06 11:13:23 +08:00
</el-table>
<pagination
v-show="outTotal > 0"
:total="outTotal"
:page.sync="outQuery.pageNum"
:limit.sync="outQuery.pageSize"
@pagination="getCodeList"
/>
</el-dialog>
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- 验收单弹窗 -->
优化
2025-07-16 11:30:11 +08:00
<el-dialog :title="title" :visible.sync="openPrint" width="70%" append-to-body>
增加参数
2025-03-06 11:13:23 +08:00
<div style="height: 600px; overflow-y: scroll; padding: 0 20px">
优化
2025-07-16 11:30:11 +08:00
<vue-easy-print tableShow ref="remarksPrintRefCheck" class="print" :printable="'checkId'">
领料单优化
2025-07-19 13:50:29 +08:00
<div id="checkId">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">
施工机具设备出库检验记录表
增加参数
2025-03-06 11:13:23 +08:00
</div>
领料单优化
2025-07-19 13:50:29 +08:00
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>领用工程：</span>
{{ checkDataInfo.leaseProject }}
</div>
领料申请
2024-11-14 12:57:47 +08:00
领料单优化
2025-07-19 13:50:29 +08:00
<div class="item" style="width: 50%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>使用单位：</span>
{{ checkDataInfo.leaseUnit }}
</div>
增加参数
2025-03-06 11:13:23 +08:00
</div>
领料单优化
2025-07-19 13:50:29 +08:00
<!-- <el-table
增加参数
2025-03-06 11:13:23 +08:00
:data="printTableData"
class="table"
style="margin-top: 20px; width: 1000px; padding-bottom: 1px"
border
>
<el-table-column label="机具名称" align="center" prop="typeName" />
<el-table-column label="规格型号" align="center" prop="typeModelName" />
<el-table-column label="单位" align="center" prop="unit" width="40px" />
<el-table-column label="数量" align="center" prop="num" width="40px" />
<el-table-column label="设备编码" align="center" prop="maCode" />
<el-table-column label="额定载荷KN" align="center" prop="ratedLoad" width="80px" />
<el-table-column label="试验载荷KN" align="center" prop="testLoad" width="80px" />
<el-table-column label="持荷时间min" align="center" prop="holdingTime" width="80px" />
<el-table-column label="试验日期" align="center" prop="testTime" />
<el-table-column label="下次试验日期" align="center" prop="nextTestTime" width="120px" />
<el-table-column label="检验结论" align="center" prop="checkResult" />
<el-table-column label="备注" align="center" prop="remark" />
优化
2025-07-16 11:30:11 +08:00
</el-table> -->
领料单优化
2025-07-19 13:50:29 +08:00
<table
class="print-table"
style="margin-top: 20px; width: 100%; border-collapse: collapse"
border="1"
>
<thead>
<tr>
<th style="text-align: center">机具名称</th>
<th style="text-align: center">规格型号</th>
<th style="text-align: center">单位</th>
<th style="text-align: center">数量</th>
<th style="text-align: center">设备编码</th>
<th style="text-align: center">额定载荷KN</th>
<th style="text-align: center">试验载荷KN</th>
<th style="text-align: center">持荷时间min</th>
<th style="text-align: center; width: 100px">试验日期</th>
<th style="text-align: center; width: 100px">下次试验日期</th>
<th style="text-align: center">检验结论</th>
<th style="text-align: center">备注</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in printTableData" :key="index">
<td style="text-align: center">{{ item.typeName }}</td>
<td style="text-align: center">{{ item.typeModelName }}</td>
<td style="text-align: center">{{ item.unit }}</td>
<td style="text-align: center">{{ item.num }}</td>
<td style="text-align: center">{{ item.maCode }}</td>
<td style="text-align: center">{{ item.ratedLoad }}</td>
<td style="text-align: center">{{ item.testLoad }}</td>
<td style="text-align: center">{{ item.holdingTime }}</td>
<td style="text-align: center">{{ item.testTime }}</td>
<td style="text-align: center">{{ item.nextTestTime }}</td>
<td style="text-align: center">{{ item.checkResult }}</td>
<td style="text-align: center">{{ item.remark }}</td>
</tr>
</tbody>
</table>
领料申请
2024-11-14 12:57:47 +08:00
领料单优化
2025-07-19 13:50:29 +08:00
<div
class="fillIn"
style="margin-top: 20px; display: flex; align-items: center; justify-content: right"
>
<div class="item" style="width: 30%; align-items: center; position: relative">
<div>
<span>检验单位：</span>
</div>
<div>
<canvas
id="canvas"
width="165"
height="165"
style="
position: absolute;
top: 50%;
left: 90%;
transform: translate(-100%, -50%);
z-index: 9999;
"
></canvas>
</div>
增加参数
2025-03-06 11:13:23 +08:00
</div>
</div>
</div>
优化
2025-07-16 11:30:11 +08:00
</vue-easy-print>
领料申请
2024-11-14 12:57:47 +08:00
</div>
增加参数
2025-03-06 11:13:23 +08:00
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="handleExportCheck">导出</el-button>
<el-button type="primary" @click="printCheck">打 印</el-button>
<el-button @click="closeDialogAndRefresh">关 闭</el-button>
领料出库
2024-11-15 09:25:43 +08:00
</div>
增加参数
2025-03-06 11:13:23 +08:00
</el-dialog>
<!-- 领料单弹窗 -->
电子签名
2025-06-21 11:29:03 +08:00
<el-dialog :visible.sync="open" width="1090px" :title="title" append-to-body>
出库增加loading
2025-07-28 16:39:36 +08:00
<div style="height: 500px; overflow-y: scroll; padding: 0 20px" v-loading="leaseLoading">
增加参数
2025-03-06 11:13:23 +08:00
<vue-easy-print tableShow ref="remarksPrintRef" class="print">
<div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div>
<div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div class="item" style="width: 60%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>领料单位：</span>
{{ leaseApplyData.leaseUnit }}
</div>
<div class="item" style="width: 40%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>工程名称：</span>
{{ leaseApplyData.leaseProject }}
</div>
<div class="item" style="width: 40%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>发料单位：</span>
机具（物流）分公司
2025-07-27 09:36:26 +08:00
{{ '机具（物流）分公司' }}
增加参数
2025-03-06 11:13:23 +08:00
</div>
<div class="item" style="width: 30%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>时间：</span>
<span v-if="leaseApplyData.createTime">{{ leaseApplyData.createTime.split(' ')[0] }}</span>
</div>
<div class="item" style="width: 30%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>编号：</span>
{{ leaseApplyData.code }}
</div>
</div>
优化
2025-07-16 11:30:11 +08:00
<!-- <el-table :data="leaseApplyDetails" class="table" border style="margin-top: 20px; padding: 1px">
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="序号" align="center" type="index" />
bug修复
2025-06-18 15:12:33 +08:00
<el-table-column label="物资名称" align="center" prop="maTypeName" />
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="规格型号" align="center" prop="typeName" />
<el-table-column label="计量单位" align="center" prop="unitName" />
bug修复
2025-06-18 15:12:33 +08:00
<el-table-column label="领用数量" align="center" prop="preNum" />
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="出库方式" align="center" prop="manageType">
<template slot-scope="scope">
<span v-if="scope.row.manageType == 0" style="color: blue" @click="codeInfo(scope.row)">
编码出库
</span>
<span v-if="scope.row.manageType == 1">数量出库</span>
</template>
</el-table-column>
优化
2025-07-16 11:30:11 +08:00
</el-table> -->
领料单优化
2025-07-19 13:50:29 +08:00
<table class="print-table" style="margin-top: 20px; width: 100%; border-collapse: collapse" border>
优化
2025-07-16 11:30:11 +08:00
<thead>
<tr>
<th align="center">序号</th>
<th align="center">物资名称</th>
<th align="center">规格型号</th>
<th align="center">计量单位</th>
<th align="center">领用数量</th>
<th align="center">备注</th>
<th align="center">出库方式</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in leaseApplyDetails" :key="index">
<td align="center">{{ index + 1 }}</td>
<td align="center">{{ item.maTypeName }}</td>
<td align="center">{{ item.typeName }}</td>
<td align="center">{{ item.unitName }}</td>
<td align="center">{{ item.preNum }}</td>
<td align="center">{{ item.remark }}</td>
<td align="center">
领料单优化
2025-07-19 13:50:29 +08:00
<span
v-if="item.manageType == 0"
style="color: blue; cursor: pointer"
@click="codeInfo(item)"
>
优化
2025-07-16 11:30:11 +08:00
编码出库
</span>
<span v-if="item.manageType == 1">数量出库</span>
</td>
</tr>
</tbody>
</table>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div class="fillIn" style="margin-top: 50px; display: flex; justify-content: space-between">
<div class="item" style="width: 23%; display: flex; align-items: flex-start; flex-wrap: wrap">
领料单优化
2025-07-24 17:00:42 +08:00
<div style="width: 25%">审核：</div>
<div
增加参数
2025-03-06 11:13:23 +08:00
style="width: 75%; display: flex; align-items: center; flex-wrap: wrap"
领料单优化
2025-07-24 17:00:42 +08:00
v-if="approveSignList.length > 0"
增加参数
2025-03-06 11:13:23 +08:00
>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div
style="width: 80%; margin-left: 20px; height: 40px; transform: translateY(-30px)"
v-for="(item, index) in approveSignList"
:key="index"
>
<img
:src="item.outSignUrl"
style="width: 40px; height: 90px; max-width: 100%"
:style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
alt=""
/>
</div>
领料单优化
2025-07-24 17:00:42 +08:00
</div>
</div>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div class="item" style="width: 24%; display: flex; align-items: flex-start; flex-wrap: wrap">
领料单优化
2025-07-19 13:50:29 +08:00
<div style="width: 30%">领料：</div>
<div
领料单样式优化
2025-07-27 16:00:23 +08:00
style="
width: 70%;
display: flex;
align-items: center;
flex-wrap: wrap;
transform: translateY(-30px);
"
领料单优化
2025-07-19 13:50:29 +08:00
v-if="outSignList.length > 0"
>
<div
style="width: 80%; margin-left: 20px; height: 40px"
v-for="(item, index) in outSignList"
:key="index"
>
<img
:src="item.outSignUrl"
style="width: 40px; height: 90px; max-width: 100%"
领料单样式优化
2025-07-27 16:00:23 +08:00
:style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
领料单优化
2025-07-19 13:50:29 +08:00
alt=""
/>
电子签名
2025-06-21 11:29:03 +08:00
</div>
</div>
增加参数
2025-03-06 11:13:23 +08:00
</div>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div class="item" style="width: 28%; display: flex; align-items: flex-start">
领料单优化
2025-07-19 13:50:29 +08:00
<div style="width: 25%">库管：</div>
<div
领料单样式优化
2025-07-27 16:00:23 +08:00
style="
width: 75%;
display: flex;
align-items: center;
flex-wrap: wrap;
transform: translateY(-30px);
"
领料单优化
2025-07-19 13:50:29 +08:00
v-if="kgSignList.length > 0"
>
<div
style="width: 80%; margin-left: 20px; height: 40px"
v-for="(item, index) in kgSignList"
:key="index"
>
<img
:src="item.outSignUrl"
领料单样式优化
2025-07-27 16:00:23 +08:00
style="width: 40px; height: 90px"
:style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
领料单优化
2025-07-19 13:50:29 +08:00
alt=""
/>
</div>
增加参数
2025-03-06 11:13:23 +08:00
</div>
</div>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div class="item" style="width: 25%; display: flex; align-items: flex-start">
领料单优化
2025-07-24 17:00:42 +08:00
<div style="width: 25%">制单：</div>
领料单样式优化
2025-07-27 16:00:23 +08:00
<div
style="width: 75%; margin-left: 20px; transform: translateY(-30px)"
v-if="leaseApplyData.leaseSignUrl"
>
领料单优化
2025-07-24 17:00:42 +08:00
<img
:src="leaseApplyData.leaseSignUrl"
style="width: 40px; height: 90px; max-width: 100%"
领料单样式优化
2025-07-27 16:00:23 +08:00
:style="{ transform: leaseApplyData.leaseSignType == 0 ? 'rotate(-90deg)' : '' }"
领料单优化
2025-07-24 17:00:42 +08:00
alt=""
/>
</div>
bug修复
2025-06-18 15:12:33 +08:00
</div>
增加参数
2025-03-06 11:13:23 +08:00
</div>
</vue-easy-print>
领料出库
2024-11-15 09:25:43 +08:00
</div>
增加参数
2025-03-06 11:13:23 +08:00
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="print">打 印</el-button>
<el-button @click="open = false">关 闭</el-button>
领料出库
2024-11-15 09:25:43 +08:00
</div>
增加参数
2025-03-06 11:13:23 +08:00
</el-dialog>
lsun 领料出库-数量出库
2024-11-15 18:53:30 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- 数量出库 -->
<el-dialog title="数量出库" :visible.sync="openNum" width="1200px" append-to-body>
<el-form :model="numOutForm" ref="numOutForm" size="small" :inline="true" label-width="100px">
<!-- <span style="margin-right: 50px;">
lsun 领料出库-数量出库
2024-11-15 18:53:30 +08:00
待出库数量：{{outNum}}
</span>-->
增加参数
2025-03-06 11:13:23 +08:00
<el-form-item label="请输入车牌号" prop="carCode">
<el-input v-model="numOutForm.carCode" maxlength="20" />
</el-form-item>
<span style="margin-right: 50px; color: red">部分设备出库时，需进行装车,需记录车牌号码</span>
<br />
<el-form-item label="备注" prop="remark">
<el-input v-model="numOutForm.remark" maxlength="50" />
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" size="mini" @click="saveNumOut">出库</el-button>
</el-col>
</el-row>
<el-table v-loading="loading" :data="outNumList" height="500">
<el-table-column label="序号" align="center" type="index" />
<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="unitName" :show-overflow-tooltip="true" />
<el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" />
<el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" />
<el-table-column label="出库数量" align="center">
<template slot-scope="scope">
<el-input
v-model.number="scope.row.inputNum"
controls-position="right"
type="number"
style="width: 100%"
clearable
placeholder="请输入出库数量"
:min="0"
@input="checkNum(scope.row)"
></el-input>
</template>
</el-table-column>
</el-table>
</el-dialog>
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
<!-- 编码管理查看弹窗 -->
<el-dialog :title="titleView" :visible.sync="showView" width="800px" append-to-body>
<div style="overflow-y: scroll">
<vue-easy-print tableShow ref="remarksPrintRefView" class="print">
<div
class="title"
style="text-align: center; font-weight: 600; font-size: 16px; margin-bottom: 20px"
>
领料单编号明细
</div>
优化
2025-07-16 11:30:11 +08:00
<!-- <el-table :data="getListViewInfo" width="600px" height="450">
增加参数
2025-03-06 11:13:23 +08:00
<el-table-column align="center" label="序号" type="index" width="55" />
<el-table-column
label="类型名称"
align="center"
prop="materialName"
:show-overflow-tooltip="true"
/>
<el-table-column
label="规格型号"
align="center"
prop="typeName"
:show-overflow-tooltip="true"
/>
<el-table-column label="设备编码" align="center" prop="maCode" :show-overflow-tooltip="true" />
优化
2025-07-16 11:30:11 +08:00
</el-table> -->
<table class="print-table" style="margin-top: 20px; width: 100%; border-collapse: collapse" border>
<thead>
领料单优化
2025-07-19 13:50:29 +08:00
<tr>
<th align="center" width="55">序号</th>
<th align="center">类型名称</th>
<th align="center">规格型号</th>
<th align="center">设备编码</th>
</tr>
优化
2025-07-16 11:30:11 +08:00
</thead>
<tbody>
领料单优化
2025-07-19 13:50:29 +08:00
<tr v-for="(item, index) in getListViewInfo" :key="index">
<td align="center">{{ index + 1 }}</td>
<td align="center">{{ item.materialName }}</td>
<td align="center">{{ item.typeName }}</td>
<td align="center">{{ item.maCode }}</td>
</tr>
优化
2025-07-16 11:30:11 +08:00
</tbody>
</table>
增加参数
2025-03-06 11:13:23 +08:00
</vue-easy-print>
</div>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="printView">打 印</el-button>
<el-button @click="showView = false">关 闭</el-button>
</div>
</el-dialog>
</div>
领料出库
2024-11-12 15:05:17 +08:00
</template>
领料申请
2024-11-14 12:57:47 +08:00
领料出库
2024-11-12 15:05:17 +08:00
<script>
增加参数
2025-03-06 11:13:23 +08:00
import { getListLeaseApply, getApplyInfo, getCheckInfo } from '@/api/lease/apply'
领料出库
2025-08-31 11:05:04 +08:00
import { outInfoList, getDetailsByTypeId, submitOut, submitNumOut, rejectLeaseOut, getOutNumApi,deleteLeaseOut,updatePreNum } from '@/api/lease/out'
增加参数
2025-03-06 11:13:23 +08:00
import vueEasyPrint from 'vue-easy-print'
出库单检验
2024-12-25 16:43:28 +08:00
// import chapter from '../../../../utils/chapter';
增加参数
2025-03-06 11:13:23 +08:00
import printJS from 'print-js'
领料出库
2024-11-12 15:05:17 +08:00
export default {
全局查询页面回显问题
2025-05-12 18:10:59 +08:00
name: 'OutBound',
增加参数
2025-03-06 11:13:23 +08:00
dicts: ['lease_task_status'],
components: { vueEasyPrint },
data() {
return {
// 遮罩层
loading: true,
loadingTwo: false,
优化
2025-07-27 19:10:20 +08:00
loadingView: false, // 查看弹窗的加载状态
增加参数
2025-03-06 11:13:23 +08:00
//查看的显示
showOutView: false,
//出库的显示
showOutInfo: false,
//编码出库的显示
openCode: false,
open: false,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
ViewTotal: 0,
outTotal: 0,
dialogTotal: 0,
// 弹出层标题
title: '',
typeList: [],
//出库数量
getListOutInfo: [],
outCodeList: [],
outNumList: [], //数量弹窗表格数据
maCodeList: [],
// 日期范围
dateRange: [],
statusDataRange: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
time: null, //申请时间
taskStatus: '',
keyWord: ''
},
//出库的搜索栏
queryOutInfo: {
pageNum: 1,
pageSize: 10
},
//查看的搜索栏
queryOutView: {
pageNum: 1,
优化
2025-07-22 18:40:33 +08:00
pageSize: 10,
keyWord: ''
增加参数
2025-03-06 11:13:23 +08:00
},
outQuery: {
pageNum: 1,
pageSize: 10,
maCode: ''
},
form: {
remark: ''
},
// 表单校验
rules: {},
openPrint: false,
printData: {},
printTableData: [],
checkDataInfo: {},
outNum: 0,
outObj: {},
parentIdTemp: undefined,
//领料单
leaseApplyDetails: [],
// 领料任务详情数据
leaseApplyData: {},
lsun 领料出库-数量出库
2024-11-15 18:53:30 +08:00
增加参数
2025-03-06 11:13:23 +08:00
openNum: false, //数量弹窗开关
numOutForm: {
//数量表单-车牌号
carCode: '',
remark: ''
},
titleView: '',
showView: false,
getListViewInfo: [],
增加参数
2025-03-06 13:10:41 +08:00
idTemp: '',
电子签名
2025-06-21 11:29:03 +08:00
publishTask: '',
领料单优化
2025-07-19 13:50:29 +08:00
kgSignList: [],
领料单优化
2025-07-24 17:00:42 +08:00
outSignList: [],
approveSignList: [],
出库增加loading
2025-07-28 16:39:36 +08:00
currentRowData: null, // 当前查看的行数据
leaseLoading: false,
出库优化
2025-07-31 17:07:03 +08:00
taskType: '',
currentRow: {},
出库数量统计
2025-08-21 20:03:46 +08:00
allNum: null,
增加参数
2025-03-06 11:13:23 +08:00
}
领料出库
2024-11-14 17:31:45 +08:00
},
增加参数
2025-03-06 11:13:23 +08:00
created() {
if (this.$route.query.code) {
this.queryParams.keyWord = this.$route.query.code
}
增加时间默认值
2025-07-09 17:06:52 +08:00
const end = new Date()
let start = new Date()
默认查询时间段设置
2025-07-18 12:00:38 +08:00
start.setMonth(start.getMonth() - 1)
领料管理默认时间只查当天-全部状态
2025-08-22 16:59:26 +08:00
this.queryParams.time = [this.format(end), this.format(end)]
出库数量统计
2025-08-21 20:03:46 +08:00
this.getOutNum()
1
2024-12-31 15:46:09 +08:00
},
增加参数
2025-03-06 11:13:23 +08:00
methods: {
出库数量统计
2025-08-21 20:03:46 +08:00
async getOutNum() {
try {
const params = {
startTime: this.queryParams.time && this.queryParams.time[0],
endTime: this.queryParams.time && this.queryParams.time[1],
}
const res = await getOutNumApi(params)
this.allNum = res.data.alNum || ''
} catch (error) {
console.log('🚀 ~ getOutNum ~ error:', error)
}
},
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
selectable(row, index) {
安全工器具增加配置 isCheck
2025-08-08 13:56:45 +08:00
if (row.jiJuType == 2 && row.isCheck == '1') {
安全工器具增加配置 isCheck
2025-08-08 14:29:55 +08:00
return !this.isWithinOneMonth(row.nextCheckTime)
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
} else {
优化
2025-08-11 16:08:01 +08:00
return true
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
}
},
isWithinOneMonth(dateStr) {
if (!dateStr) return false
const inputDate = new Date(dateStr)
const today = new Date()
today.setHours(0, 0, 0, 0) // 清除时分秒
const diffTime = inputDate.getTime() - today.getTime()
const diffDays = diffTime / (1000 * 60 * 60 * 24)
优化
2025-07-29 14:31:51 +08:00
return diffDays <= 90
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
},
优化
2025-07-27 19:10:20 +08:00
// 字典数据加载完成后的回调
onDictReady(dict) {
// 获取过滤后的状态选项（排除值为1和2的选项）
const validOptions = dict.type.lease_task_status.filter(item => item.value != 1 && item.value != 2)
// 如果有有效选项，设置第一个为默认值
领料管理默认时间只查当天-全部状态
2025-08-22 16:59:26 +08:00
// if (validOptions.length > 0) {
// this.queryParams.taskStatus = validOptions[0].value
// }
优化
2025-07-27 19:10:20 +08:00
// 执行查询
this.getList()
},
增加时间默认值
2025-07-09 17:06:52 +08:00
format(date) {
const y = date.getFullYear()
const m = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
return `${y}-${m}-${day}`
},
增加参数
2025-03-06 11:13:23 +08:00
// 多选框选中数据
handleSelectionChange(selection) {
this.maCodeList = []
this.ids = selection.map(item => item.id)
selection.forEach(item => {
this.maCodeList.push({
typeId: item.typeId,
manageType: 0,
leaseType: 0,
maId: item.maId,
maCode: item.maCode,
parentId: this.parentIdTemp,
增加参数
2025-03-06 13:10:41 +08:00
outNum: 1,
根据jiJuType 控制是否能够出库
2025-07-28 15:41:55 +08:00
publishTask: this.publishTask,
出库优化
2025-07-31 17:07:03 +08:00
jiJuType: item.jiJuType,
leaseUnit: this.currentRow.leaseUnit,
leaseUnitId: this.currentRow.leaseUnitId,
leaseProject: this.currentRow.leaseProject,
leaseProjectId: this.currentRow.leaseProjectId,
taskId: this.currentRow.taskId
增加参数
2025-03-06 11:13:23 +08:00
})
})
this.single = selection.length != 1
this.multiple = !selection.length
},
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
getList() {
this.loading = true
const params = {
keyWord: this.queryParams.keyWord,
startTime: this.queryParams.time && this.queryParams.time[0],
endTime: this.queryParams.time && this.queryParams.time[1],
pageSize: this.queryParams.pageSize,
领料出库-只查询已签名数据
2025-07-05 14:20:44 +08:00
pageNum: this.queryParams.pageNum,
hasSign: 1
增加参数
2025-03-06 11:13:23 +08:00
}
if (!this.queryParams.taskStatus) {
params.statusList = [3, 4, 5]
} else {
params.statusList = [this.queryParams.taskStatus]
}
getListLeaseApply(this.addDateRange(params)).then(response => {
this.typeList = response.data.rows
this.total = response.data.total
this.loading = false
})
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
出库数量统计
2025-08-21 20:03:46 +08:00
this.getOutNum()
增加参数
2025-03-06 11:13:23 +08:00
},
/** 重置按钮操作 */
resetQuery() {
增加时间默认值
2025-07-09 17:06:52 +08:00
const end = new Date()
let start = new Date()
默认查询时间段设置
2025-07-18 12:00:38 +08:00
start.setMonth(start.getMonth() - 1)
增加时间默认值
2025-07-09 17:06:52 +08:00
this.queryParams.time = [this.format(start), this.format(end)]
row-key 的id重复问题
2025-03-08 13:23:38 +08:00
// this.resetForm('queryForm')
this.queryParams.taskStatus = ''
增加参数
2025-03-06 11:13:23 +08:00
this.queryParams.keyWord = ''
this.handleQuery()
},
修改
2025-08-27 10:56:49 +08:00
/** 导出按钮操作 */
handleExport() {
const formatTime = date => {
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const seconds = String(date.getSeconds()).padStart(2, '0')
return `${year}${month}${day}_${hours}${minutes}${seconds}`
}
const currentTime = formatTime(new Date())
const params = {
keyWord: this.queryParams.keyWord,
startTime: this.queryParams.time && this.queryParams.time[0],
endTime: this.queryParams.time && this.queryParams.time[1],
pageSize: this.queryParams.pageSize,
pageNum: this.queryParams.pageNum,
hasSign: 1
}
if (!this.queryParams.taskStatus) {
params.statusList = [3, 4, 5]
} else {
params.statusList = [this.queryParams.taskStatus]
}
this.download(
'/material/lease_apply_info/exportLeaseOutRecord',
{ ...params },
`领用出库数据_${currentTime}.xlsx`
)
},
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
/** 查看按钮操作 */
handleView(row) {
出库增加loading
2025-07-28 16:39:36 +08:00
console.log('🚀 ~ handleView ~ row:', row.taskType)
this.getListOutInfo = []
const { id, publishTask, taskType } = row
this.taskType = taskType
优化
2025-03-06 15:05:36 +08:00
this.publishTask = publishTask
修复taskId是null的问题
2025-07-26 13:40:04 +08:00
this.currentRowData = row // 保存当前行数据，用于驳回时获取taskId
增加参数
2025-03-06 11:13:23 +08:00
this.title = '查看'
优化
2025-07-22 18:40:33 +08:00
this.queryOutView.keyWord = ''
增加参数
2025-03-06 11:13:23 +08:00
this.showOutView = true
this.queryOutView.id = row.id
优化
2025-07-27 19:10:20 +08:00
this.loadingView = true // 开启加载动画
增加参数
2025-03-06 11:13:23 +08:00
outInfoList(id, { keyWord: this.queryOutView.keyWord, publishTask }).then(response => {
this.getListOutInfo = response.data.leaseApplyDetailsList
优化
2025-07-27 19:10:20 +08:00
this.loadingView = false // 关闭加载动画
}).catch(() => {
this.loadingView = false // 请求失败时也要关闭加载动画
增加参数
2025-03-06 11:13:23 +08:00
})
},
//查看
handleQueryOutView() {
this.queryOutView.pageNum = 1
this.getListView()
},
resetQueryOutView() {
this.queryOutView.keyWord = ''
this.getListView()
},
getListView() {
优化
2025-07-27 19:10:20 +08:00
this.loadingView = true // 开启加载动画
优化
2025-03-06 14:53:40 +08:00
outInfoList(this.queryOutView.id, {
keyWord: this.queryOutView.keyWord,
publishTask: this.publishTask
}).then(response => {
增加参数
2025-03-06 11:13:23 +08:00
this.getListOutInfo = response.data.leaseApplyDetailsList
优化
2025-07-27 19:10:20 +08:00
this.loadingView = false // 关闭加载动画
}).catch(() => {
this.loadingView = false // 请求失败时也要关闭加载动画
增加参数
2025-03-06 11:13:23 +08:00
})
},
/** 出库查询列表 */
getDialogList() {
领料出库
2025-09-03 22:46:35 +08:00
this.loadingView = true
优化
2025-03-06 14:53:40 +08:00
outInfoList(this.queryOutInfo.id, {
keyWord: this.queryOutInfo.keyWord,
publishTask: this.publishTask
}).then(response => {
增加参数
2025-03-06 11:13:23 +08:00
this.getListOutInfo = response.data.leaseApplyDetailsList
// this.dialogTotal = response.
// this.loading = false;
领料出库
2025-09-03 22:46:35 +08:00
}).catch((err) => {
console.log('🚀 ~ getDialogList ~ err:', err)
}).finally(() => {
this.loadingView = false
增加参数
2025-03-06 11:13:23 +08:00
})
},
//出库搜索按钮
handleQueryOutInfo() {
this.queryOutInfo.pageNum = 1
this.getDialogList()
},
//出库搜索按钮
resetQueryOutInfo() {
this.queryOutInfo.keyWord = ''
this.getDialogList()
},
出库单检验
2024-12-25 16:43:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
/** 出库按钮操作 */
handleOut(row) {
出库优化
2025-07-31 17:07:03 +08:00
this.currentRow = row
领料出库
2025-09-03 22:46:35 +08:00
console.log('🚀 ~ handleOut ~ this.currentRow:', this.currentRow)
出库增加loading
2025-07-28 16:39:36 +08:00
this.getListOutInfo = []
增加参数
2025-03-06 11:13:23 +08:00
const { id, publishTask } = row
增加参数
2025-03-06 13:10:41 +08:00
this.publishTask = publishTask
增加参数
2025-03-06 11:13:23 +08:00
this.title = '出库'
this.showOutInfo = true
this.queryOutInfo.id = row.id
出库增加loading
2025-07-28 16:39:36 +08:00
this.loadingView = true
增加参数
2025-03-06 11:13:23 +08:00
outInfoList(id, { keyWord: this.queryOutInfo.keyWord, publishTask }).then(response => {
this.getListOutInfo = response.data.leaseApplyDetailsList
// this.loading = false;
出库增加loading
2025-07-28 16:39:36 +08:00
this.loadingView = false
}).catch(() => {
this.loadingView = false
增加参数
2025-03-06 11:13:23 +08:00
})
},
出库单检验
2024-12-25 16:43:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//数量出库
numOut(row) {
console.log(row, '数量出库当前行数据--')
this.title = '数量出库'
this.openNum = true
this.resetForm('codeOutForm')
this.resetForm('numOutForm')
// console.log(row)
领料出库
2025-09-03 22:46:35 +08:00
let obj = {
id: row.id,
manageType: 1,
maId: row.maId,
parentId: row.parentId,
typeName: row.typeName,
typeModelName: row.maTypeName,
typeId: row.typeId,
alNum: row.alNum, // 已出库数量
outNum: row.outNum, // 待出库数量
inputNum: 1, // 出库数量
num: row.num, // 库存
unitValue: row.unitValue,
unitName: row.unitName,
leaseUnit: this.currentRow.leaseUnit,
leaseUnitId: this.currentRow.leaseUnitId,
leaseProject: this.currentRow.leaseProject,
leaseProjectId: this.currentRow.leaseProjectId,
taskId: this.currentRow.taskId,
code: this.currentRow.code
}
增加参数
2025-03-06 11:13:23 +08:00
console.log('row', row)
console.log('[obj]', [obj])
this.outNumList = [obj]
},
出库
2024-11-14 16:11:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//编码出库
codeOut(row) {
this.title = '编码出库'
this.openCode = true
// this.resetForm("codeOutForm");
this.resetForm('outQuery')
this.parentIdTemp = row.parentId
this.outNum = row.outNum
this.outQuery.typeId = row.typeId
this.outQuery.maStatus = 1
领料出库
2025-09-03 22:46:35 +08:00
this.outQuery.code = this.currentRow.code
增加参数
2025-03-06 11:13:23 +08:00
this.outObj = row
this.handleOutQuery()
},
lsun 维修管理
2024-11-14 15:26:24 +08:00
增加参数
2025-03-06 11:13:23 +08:00
getCodeList() {
领料出库
2025-09-03 22:46:35 +08:00
this.loadingView = true
增加参数
2025-03-06 11:13:23 +08:00
getDetailsByTypeId(this.outQuery).then(response => {
this.outCodeList = response.rows
if (response.total) {
this.outTotal = response.total
}
领料出库
2025-09-03 22:46:35 +08:00
}).catch((err) => {
console.log('🚀 ~ getCodeList ~ err:', err)
}).finally(() => {
this.loadingView = false
增加参数
2025-03-06 11:13:23 +08:00
})
},
handleOutQuery() {
this.outQuery.pageNum = 1
this.getCodeList()
},
领料出库
2024-11-14 17:31:45 +08:00
增加参数
2025-03-06 11:13:23 +08:00
resetOutQuery() {
this.outQuery.maCode = ''
this.handleOutQuery()
},
领料出库
2024-11-14 17:31:45 +08:00
增加参数
2025-03-06 11:13:23 +08:00
saveCodeOut() {
console.log(this.maCodeList)
console.log(this.outNum)
增加参数
2025-03-06 13:10:41 +08:00
增加参数
2025-03-06 11:13:23 +08:00
if (this.maCodeList.length == 0) {
this.$modal.msgError('请先勾选设备编码！')
} else if (this.maCodeList.length > this.outNum) {
this.$modal.msgError('出库编码数量不可大于待出库数量！')
} else {
领料出库
2025-09-03 22:46:35 +08:00
this.maCodeList.forEach(item => {
item.code = this.currentRow.code
})
增加参数
2025-03-06 11:13:23 +08:00
let param = { leaseOutDetailsList: this.maCodeList }
submitOut(param).then(response => {
this.$modal.msgSuccess('出库成功')
this.openCode = false
this.handleQueryOutInfo()
this.handleQuery()
})
}
},
handleCodeOutQuery() {},
// 表单重置
reset() {
this.form = {
taskId: '',
remark: ''
}
this.resetForm('form')
},
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//获取验收单数据
getPrintTable(taskId) {
getAcceptanceForm({ taskId: taskId }).then(response => {
this.printData = response.data
this.printTableData = response.data.checkDetailsList
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
let supplierList = []
this.printTableData.forEach(e => {
if (e.supplier) {
supplierList.push(e.supplier)
}
})
supplierList = [...new Set(supplierList)]
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
this.supplierStr = supplierList.join(',')
})
},
//查看验收单
async handlePrint(row) {
优化
2025-07-22 18:40:33 +08:00
const res = await getCheckInfo({ id: row.id, publishTask: row.publishTask })
增加参数
2025-03-06 11:13:23 +08:00
this.idTemp = row.id
this.checkDataInfo = res.data.leaseApplyInfo
出库单检验
2024-12-25 16:43:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
this.printTableData = res.data.leaseOutVoList
setTimeout(() => {
bug修复
2025-06-18 15:12:33 +08:00
this.chapter('检验专用章', '安徽送变电工程有限公司机具(物流)分公司')
增加参数
2025-03-06 11:13:23 +08:00
}, 200)
this.openPrint = true
this.title = '出库检验单'
},
领料出库
2024-11-15 09:22:11 +08:00
增加参数
2025-03-06 11:13:23 +08:00
/** 导出按钮操作 */
handleExportCheck() {
领料单优化
2025-07-19 13:50:29 +08:00
const formatTime = date => {
const year = date.getFullYear()
const month = String(date.getMonth() + 1).padStart(2, '0')
const day = String(date.getDate()).padStart(2, '0')
const hours = String(date.getHours()).padStart(2, '0')
const minutes = String(date.getMinutes()).padStart(2, '0')
const seconds = String(date.getSeconds()).padStart(2, '0')
return `${year}${month}${day}_${hours}${minutes}${seconds}`
}
导出时间戳修改
2025-06-09 17:36:15 +08:00
领料单优化
2025-07-19 13:50:29 +08:00
const currentTime = formatTime(new Date())
增加参数
2025-03-06 11:13:23 +08:00
this.download(
'/material/lease_apply_info/exportInfo',
{ id: this.idTemp },
导出时间戳修改
2025-06-09 17:36:15 +08:00
`出库检验单_${currentTime}.xlsx`
增加参数
2025-03-06 11:13:23 +08:00
)
},
出库单检验
2024-12-25 16:43:28 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//打开领料单
async handleLld(row) {
this.title = '领料单'
优化
2025-07-22 18:40:33 +08:00
this.queryOutView.keyWord = ''
增加参数
2025-03-06 11:13:23 +08:00
this.open = true
领料单修改
2025-06-21 18:48:31 +08:00
// var ids = row.id
const { id, publishTask } = row
this.publishTask = publishTask
出库增加loading
2025-07-28 16:39:36 +08:00
this.leaseLoading = true
try {
const res = await getApplyInfo(id, { keyWord: this.queryOutView.keyWord, publishTask })
this.leaseApplyDetails = res.data.leaseApplyDetailsList
this.leaseApplyData = res.data.leaseApplyInfo
this.kgSignList = res.data.kgSignList || []
this.outSignList = res.data.outSignList || []
this.approveSignList = res.data.approveSignList || []
} catch (error) {
console.log('🚀 ~ handleLld ~ error:', error)
} finally {
this.leaseLoading = false
}
增加参数
2025-03-06 11:13:23 +08:00
},
领料出库
2024-11-15 09:22:11 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//出库检验单打印
printCheck() {
优化
2025-07-16 11:30:11 +08:00
this.$refs.remarksPrintRefCheck.print()
// printJS({
// printable: 'checkId',
// type: 'html',
// targetStyles: ['*']
// // 其他配置选项
// })
增加参数
2025-03-06 11:13:23 +08:00
},
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//领料单打印
1
2024-12-31 15:46:09 +08:00
print() {
增加参数
2025-03-06 11:13:23 +08:00
this.$refs.remarksPrintRef.print()
},
领料申请
2024-11-14 12:57:47 +08:00
增加参数
2025-03-06 11:13:23 +08:00
codeInfo(row) {
this.showView = true
this.titleView = '查看'
this.getListViewInfo = row.maCodeVoList
},
出库检验单
2024-12-25 11:06:39 +08:00
增加参数
2025-03-06 11:13:23 +08:00
// /** 导出按钮操作 */
// handleExport(row) {
// this.download(
// "/material/lease_apply_info/exportInfo",
// { ...this.queryParams },
// `领料出库_${new Date().getTime()}.xlsx`
// );
// },
lsun 领料出库-数量出库
2024-11-15 18:53:30 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//数量出库保存
saveNumOut() {
this.outNumList[0].carCode = this.numOutForm.carCode
this.outNumList[0].remark = this.numOutForm.remark
this.outNumList[0].leaseType = 0
增加参数
2025-03-06 13:10:41 +08:00
this.outNumList[0].publishTask = this.publishTask
增加参数
2025-03-06 11:13:23 +08:00
let param = { leaseOutDetailsList: this.outNumList }
console.log(param, '数量出库时参数')
submitNumOut(param).then(response => {
this.$modal.msgSuccess('出库成功')
this.openNum = false
this.handleQueryOutInfo()
this.handleQuery()
})
},
lsun 领料出库-数量出库
2024-11-15 18:53:30 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//输入出库数量
checkNum(row) {
console.log(row)
let maxNum = row.outNum
if (row.unitValue == 1) {
row.inputNum = Number(String(row.inputNum).replace(/[^\d.]/g, ''))
} else {
row.inputNum = Number(String(row.inputNum).replace(/[^\d]/g, ''))
}
if (row.inputNum <= 0) {
row.inputNum = 0
}
if (row.inputNum > row.outNum) {
row.inputNum = maxNum
}
},
出库单检验
2024-12-25 16:43:28 +08:00
领料出库
2025-08-31 11:05:04 +08:00
//输入预出库数量
async checkPreNum(row) {
console.log(row)
// let maxNum = row.pendingNum-row.pendingOutNum
let minNum = row.alNum
if (row.unitValue == 1) {
row.preNum = Number(String(row.preNum).replace(/[^\d.]/g, ''))
} else {
row.preNum = Number(String(row.preNum).replace(/[^\d]/g, ''))
}
if (row.preNum <= 0) {
row.preNum = 0
修改
2025-09-03 21:58:14 +08:00
return
领料出库
2025-08-31 11:05:04 +08:00
}
if (row.preNum < row.alNum) {
row.preNum = minNum
this.$message.error('预出库数量不能小于已出库数量')
修改
2025-09-03 21:58:14 +08:00
return
领料出库
2025-08-31 11:05:04 +08:00
}
if (row.preNum > (row.storageNum-row.pendingOutNum)) {
// row.preNum = maxNum
this.$message.error('预出库数量不能大于可出库数量')
修改
2025-09-03 21:58:14 +08:00
return
领料出库
2025-08-31 11:05:04 +08:00
}
const res = await updatePreNum({
preNum: row.preNum,
parentId: row.parentId,
typeId: row.typeId,
newTypeId: row.newTypeId,
})
if (res.code == 200) {
// this.$set(row, 'outNum', row.preNum-row.alNum)
this.handleQueryOutView()
this.getList()
this.getOutNum()
修改
2025-09-03 21:58:14 +08:00
}
领料出库
2025-08-31 11:05:04 +08:00
},
增加参数
2025-03-06 11:13:23 +08:00
printView() {
this.$refs.remarksPrintRefView.print()
},
// 关闭弹窗并刷新页面
closeDialogAndRefresh() {
this.openPrint = false
},
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
chapter(text, companyName) {
let canvas = document.getElementById('canvas')
let context = canvas.getContext('2d')
canvas.width = canvas.width
context.height = canvas.height
// // 清除画布内容
// context.clearRect(0, 0, canvas.width, canvas.height);
//let text = "XXX专用章";
//let companyName = "XXX科技股份有限公司";
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
// 绘制印章边框
let width = canvas.width / 2
let height = canvas.height / 2
context.lineWidth = 3
context.strokeStyle = '#f00'
context.beginPath()
context.arc(width, height, 80, 0, Math.PI * 2) //宽、高、半径
context.stroke()
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
//画五角星
this.create5star(context, width, height, 20, '#f00', 0)
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
// 绘制印章名称
context.font = '100 13px 宋体'
context.textBaseline = 'middle' //设置文本的垂直对齐方式
context.textAlign = 'center' //设置文本的水平对对齐方式
context.lineWidth = 1
context.strokeStyle = '#ff2f2f'
context.strokeText(text, width, height + 50)
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
// 绘制印章单位
context.translate(width, height) // 平移到此位置,
context.font = '100 13px 宋体'
let count = companyName.length // 字数
let angle = (4 * Math.PI) / (3 * (count - 1)) // 字间角度
let chars = companyName.split('')
let c
for (let i = 0; i < count; i++) {
c = chars[i] // 需要绘制的字符
if (i == 0) {
context.rotate((5 * Math.PI) / 6)
} else {
context.rotate(angle)
}
1
2024-12-31 15:46:09 +08:00
增加参数
2025-03-06 11:13:23 +08:00
context.save()
context.translate(65, 0) // 平移到此位置,此时字和x轴垂直，公司名称和最外圈的距离
context.rotate(Math.PI / 2) // 旋转90度,让字平行于x轴
context.strokeStyle = '#ff5050' // 设置印章单位字体颜色为较浅的红色
context.strokeText(c, 0, 0) // 此点为字的中心点
context.restore()
}
},
领料申请
2024-11-14 12:57:47 +08:00
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
// 检查是否显示驳回按钮
checkShowRejectButton() {
// 检查列表中是否有已出库数量为0的数据
return this.getListOutInfo && this.getListOutInfo.some(item => item.alNum == 0)
},
领料出库
2025-08-31 11:05:04 +08:00
// 检查是否显示预出库字段
checkShowPreButton() {
// 检查列表中是否有已出库数量为0的数据
优化
2025-09-01 17:57:23 +08:00
return this.getListOutInfo && this.getListOutInfo.some(item => item.alNum == 0) && this.currentRowData?.status != 4
领料出库
2025-08-31 11:05:04 +08:00
},
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
// 处理驳回操作
handleReject(row) {
领料单样式优化
2025-07-27 16:00:23 +08:00
console.log(row)
this.$confirm('确定要驳回此条数据吗？', '提示', {
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
领料单样式优化
2025-07-27 16:00:23 +08:00
})
.then(() => {
// 调用驳回API
const rejectData = {
id: row.id,
parentId: row.parentId,
taskId: this.currentRowData ? this.currentRowData.taskId : row.taskId, // 使用主列表的taskId
typeId: row.typeId,
newTypeId: row.newTypeId,
publishTask: this.publishTask,
outNum: row.outNum, // 待出库数量
remark: '已出库数量为0，执行驳回操作'
}
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
领料单样式优化
2025-07-27 16:00:23 +08:00
rejectLeaseOut(rejectData)
.then(response => {
this.$modal.msgSuccess('驳回成功')
// 刷新查看弹窗的数据
this.getListView()
// 刷新主列表数据
this.getList()
})
.catch(error => {
this.$modal.msgError('驳回失败: ' + (error.message || '未知错误'))
})
})
.catch(() => {
// 用户取消操作
增加领料发布驳回界面及API
2025-07-24 16:30:00 +08:00
})
},
领料出库
2025-08-31 11:05:04 +08:00
// 处理删除操作
handleDelete(row) {
console.log(row)
this.$confirm('确定要删除此条数据吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
// 调用删除API
const rejectData = {
parentId: row.parentId,
typeId: row.typeId,
}
deleteLeaseOut(rejectData)
.then(response => {
this.$modal.msgSuccess('删除成功')
// 刷新查看弹窗的数据
this.getListView()
// 刷新主列表数据
this.getList()
})
.catch(error => {
this.$modal.msgError('删除失败: ' + (error.message || '未知错误'))
})
})
.catch(() => {
// 用户取消操作
})
},
增加参数
2025-03-06 11:13:23 +08:00
//绘制五角星
create5star(context, sx, sy, radius, color, rotato) {
context.save()
context.fillStyle = color
context.translate(sx, sy) //移动坐标原点
context.rotate(Math.PI + rotato) //旋转
context.beginPath() //创建路径
// let x = Math.sin(0);
// let y = Math.cos(0);
let dig = (Math.PI / 5) * 4
for (let i = 0; i < 5; i++) {
//画五角星的五条边
let x = Math.sin(i * dig)
let y = Math.cos(i * dig)
context.lineTo(x * radius, y * radius)
}
context.closePath()
context.stroke()
context.fill()
context.restore()
领料申请
2024-11-14 12:57:47 +08:00
}
领料出库
2024-11-12 15:05:17 +08:00
},
增加参数
2025-03-06 11:13:23 +08:00
watch: {
$route: {
handler(to) {
if (to.query.keyWord) {
this.queryParams.keyWord = to.query.keyWord
}
},
deep: true,
immediate: true
}
}
}
领料申请
2024-11-14 12:57:47 +08:00
</script>
<style lang="scss" scoped>
::v-deep.el-table .fixed-width .el-button--mini {
增加参数
2025-03-06 11:13:23 +08:00
width: 70px !important;
margin-bottom: 10px;
领料申请
2024-11-14 12:57:47 +08:00
}
电子签名
2025-06-21 11:29:03 +08:00
.is-rotate {
领料单优化
2025-07-19 13:50:29 +08:00
transform: rotate(-90deg);
电子签名
2025-06-21 11:29:03 +08:00
}
优化
2025-07-16 11:30:11 +08:00
.print-table {
领料单优化
2025-07-19 13:50:29 +08:00
table,
th,
td {
border: 1.5px solid black;
border-collapse: collapse;
}
优化
2025-07-16 11:30:11 +08:00
}
出库增加loading
2025-07-28 16:39:36 +08:00
.my-loading {
z-index: 99999 !important;
}
领料申请
2024-11-14 12:57:47 +08:00
</style>