材料员确认-领料单/出门证

This commit is contained in:
bb_pan 2025-07-08 19:39:08 +08:00
parent 58b61102b1
commit 258fcfb470
2 changed files with 678 additions and 398 deletions

View File

@ -2,90 +2,108 @@ import request from '@/utils/request'
// 材料员确认-列表 // 材料员确认-列表
export function getCompleteOutTaskList(query) { export function getCompleteOutTaskList(query) {
return request({ return request({
url: '/material/lease_apply_info/getCompleteOutTaskList', url: '/material/lease_apply_info/getCompleteOutTaskList',
method: 'get', method: 'get',
params: query params: query
}) })
} }
//领料出库-列表 //领料出库-列表
export function getListLeaseOut(query) { export function getListLeaseOut(query) {
return request({ return request({
url: '/material/lease_out_details/list', url: '/material/lease_out_details/list',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 领料出库-出库详情信息 // 领料出库-出库详情信息
export function outInfoList(id, query) { export function outInfoList(id, query) {
return request({ return request({
url: '/material/lease_apply_info/' + id, url: '/material/lease_apply_info/' + id,
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 领料出库-编码出库详情信息 // 领料出库-编码出库详情信息
export function getDetailsByTypeId(query) { export function getDetailsByTypeId(query) {
return request({ return request({
url: '/material/ma_machine/list', url: '/material/ma_machine/list',
method: 'get', method: 'get',
params: query params: query
}) })
} }
// 领料出库-编码出库 // 领料出库-编码出库
export function submitOut(data) { export function submitOut(data) {
return request({ return request({
url: '/material/lease_apply_info/leaseOut', url: '/material/lease_apply_info/leaseOut',
method: 'post', method: 'post',
data: data data: data
}) })
} }
//-------暂未用到----------- //-------暂未用到-----------
// 领料出库-新增 // 领料出库-新增
export function addApplyInfo(data) { export function addApplyInfo(data) {
return request({ return request({
url: '/material/lease_apply_info', url: '/material/lease_apply_info',
method: 'post', method: 'post',
data: data data: data
}) })
} }
// 领料出库-编辑 // 领料出库-编辑
export function updateApplyInfo(data) { export function updateApplyInfo(data) {
return request({ return request({
url: '/material/lease_apply_info', url: '/material/lease_apply_info',
method: 'put', method: 'put',
data: data data: data
}) })
} }
// 领料出库-详情信息 // 领料出库-详情信息
export function getLeaseOutInfo(id) { export function getLeaseOutInfo(id) {
return request({ return request({
url: '/material/lease_apply_info/' + id, url: '/material/lease_apply_info/' + id,
method: 'get' method: 'get'
}) })
} }
// 领料出库-数量出库 // 领料出库-数量出库
export function submitNumOut(data) { export function submitNumOut(data) {
return request({ return request({
url: '/material/lease_apply_info/leaseOut', url: '/material/lease_apply_info/leaseOut',
method: 'post', method: 'post',
data: data data: data
}) })
} }
// 材料员确认 // 材料员确认
export function confirmMaterial(data) { export function confirmMaterial(data) {
return request({ return request({
url: '/material/lease_apply_info/confirmMaterial', url: '/material/lease_apply_info/confirmMaterial',
method: 'post', method: 'post',
data: data data: data
}) })
}
// 确认列表
export function getInfoApi(data) {
return request({
url: '/material/lease_apply_info/getInfoById',
method: 'get',
params: data
})
}
// 领料单
export function getLeaseRequestVoApi(data) {
return request({
url: '/material/lease_apply_info/getLeaseRequestVo',
method: 'get',
params: data
})
} }

View File

@ -1,37 +1,30 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
:model="queryParams" <el-form-item>
ref="queryForm" <el-date-picker
size="small" v-model="queryParams.time"
:inline="true" type="daterange"
v-show="showSearch" value-format="yyyy-MM-dd"
label-width="100px" range-separator="至"
> start-placeholder="开始日期"
<el-form-item> end-placeholder="结束日期"
<el-date-picker style="width: 240px"
v-model="queryParams.time" ></el-date-picker>
type="daterange" </el-form-item>
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width: 240px"
></el-date-picker>
</el-form-item>
<el-form-item prop="keyWord"> <el-form-item prop="keyWord">
<el-input <el-input
v-model="queryParams.keyWord" v-model="queryParams.keyWord"
placeholder="请输入关键字" placeholder="请输入关键字"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item prop="taskStatus"> <!-- <el-form-item prop="taskStatus">
<el-select <el-select
v-model="queryParams.taskStatus" v-model="queryParams.taskStatus"
placeholder="请选择状态" placeholder="请选择状态"
@ -47,348 +40,617 @@
:value="dict.value" :value="dict.value"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item> -->
<el-form-item prop="isConfirm"> <el-form-item prop="isConfirm">
<el-select <el-select v-model="queryParams.isConfirm" placeholder="请选择确认状态" clearable style="width: 240px">
v-model="queryParams.isConfirm" <el-option label="待确认" :value="1"></el-option>
placeholder="请选择确认状态" <el-option label="已确认" :value="2"></el-option>
clearable </el-select>
style="width: 240px" </el-form-item>
>
<el-option label="待确认" :value="1"></el-option>
<el-option label="已确认" :value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> <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 icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table v-loading="loading" :data="typeList" border> <el-table v-loading="loading" :data="typeList" border>
<el-table-column width="60" align="center" label="序号" type="index"> <el-table-column width="60" align="center" label="序号" type="index">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span> <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- <el-table-column align="center" width="100" label="申请时间" prop="createTime" /> <!-- <el-table-column align="center" width="100" label="申请时间" prop="createTime" />
<el-table-column label="申请人" width="100" align="center" prop="createBy" :show-overflow-tooltip="true" /> --> <el-table-column label="申请人" width="100" align="center" prop="createBy" show-overflow-tooltip /> -->
<el-table-column <el-table-column label="实施单位" align="center" prop="impUnitName" width="150px" show-overflow-tooltip />
label="实施单位" <el-table-column label="合同主体" align="center" prop="contractPart" width="150px" show-overflow-tooltip />
align="center" <el-table-column label="租赁单位" align="center" prop="unitName" width="150px" show-overflow-tooltip />
prop="impUnitName" <el-table-column label="租赁工程" align="center" prop="projectName" width="150px" show-overflow-tooltip />
width="150px" <el-table-column label="协议号" align="center" prop="agreementCode" width="140px" show-overflow-tooltip />
:show-overflow-tooltip="true" <el-table-column
/> label="租赁申请单号"
<el-table-column align="center"
label="合同主体" prop="code"
align="center" width="140px"
prop="contractPart" show-overflow-tooltip
width="150px" ></el-table-column>
:show-overflow-tooltip="true"
/>
<el-table-column
label="租赁单位"
align="center"
prop="leaseUnit"
width="150px"
:show-overflow-tooltip="true"
/>
<el-table-column
label="租赁工程"
align="center"
prop="leaseProject"
width="150px"
:show-overflow-tooltip="true"
/>
<el-table-column
label="协议号"
align="center"
prop="agreementCode"
width="140px"
:show-overflow-tooltip="true"
/>
<el-table-column
label="租赁申请单号"
align="center"
prop="code"
width="140px"
:show-overflow-tooltip="true"
></el-table-column>
<el-table-column <el-table-column
label="申请数量" label="申请数量"
align="center" align="center"
prop="preCountNum" prop="preCountNum"
width="80px" width="80px"
:show-overflow-tooltip="true" show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
label="已出库数量" label="已出库数量"
align="center" align="center"
prop="alNum" prop="alNum"
width="90px" width="90px"
:show-overflow-tooltip="true" show-overflow-tooltip
></el-table-column> ></el-table-column>
<el-table-column label="领料人" align="center" prop="leasePerson" :show-overflow-tooltip="true" /> <el-table-column label="领料人" align="center" prop="leasePerson" show-overflow-tooltip />
<el-table-column label="备注" align="center" width="100" prop="remark" :show-overflow-tooltip="true" /> <el-table-column label="备注" align="center" width="100" prop="remark" show-overflow-tooltip />
<el-table-column label="状态" align="center" prop="taskStatus" width="120px" :show-overflow-tooltip="true"> <!-- <el-table-column label="状态" align="center" prop="taskStatus" width="120px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<dict-tag :options="dict.type.lease_task_status" :value="scope.row.taskStatus" /> <dict-tag :options="dict.type.lease_task_status" :value="scope.row.taskStatus" />
</template> </template>
</el-table-column> </el-table-column> -->
<el-table-column label="确认状态" align="center" width="120px" :show-overflow-tooltip="true"> <el-table-column label="确认状态" align="center" width="120px" show-overflow-tooltip>
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag type="success" v-if="scope.row.isConfirm == 2">已确认</el-tag> <el-tag type="success" v-if="scope.row.isConfirm == 2">已确认</el-tag>
<el-tag type="warning" v-else-if="scope.row.taskStatus == 4 && scope.row.isConfirm != 2">待确认</el-tag> <el-tag type="danger" v-else>待确认</el-tag>
<el-tag type="info" v-else>-</el-tag> </template>
</template> </el-table-column>
</el-table-column> <!-- <el-table-column label="确认备注" align="center" width="100" prop="confirmRemark" show-overflow-tooltip /> -->
<el-table-column label="确认备注" align="center" width="100" prop="confirmRemark" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" width="180" 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="handleOpenConfirm(scope.row)"
v-if="scope.row.isConfirm != 2"
>
确认
</el-button>
</template>
</el-table-column>
</el-table>
<el-table-column label="操作" align="center" width="180" fixed="right"> <pagination
<template slot-scope="scope"> v-show="total > 0"
<el-button size="mini" style="margin-bottom: 10px" type="normal" @click="handleView(scope.row)"> :total="total"
查看 :page.sync="queryParams.pageNum"
</el-button> :limit.sync="queryParams.pageSize"
<el-button @pagination="getList"
size="mini" />
style="margin-bottom: 10px"
type="primary"
@click="handleConfirm(scope.row)"
v-if="scope.row.taskStatus == 4 && scope.row.isConfirm != 2"
>
确认
</el-button>
</template>
</el-table-column>
</el-table>
<pagination <!-- 确认弹窗 -->
v-show="total > 0" <el-dialog title="材料员确认" :visible.sync="confirmDialogVisible" width="500px" append-to-body>
:total="total" <el-form :model="confirmForm" ref="confirmForm" label-width="100px">
:page.sync="queryParams.pageNum" <el-form-item label="备注" prop="confirmRemark">
:limit.sync="queryParams.pageSize" <el-input
@pagination="getList" v-model="confirmForm.confirmRemark"
/> type="textarea"
placeholder="请输入备注信息"
:rows="3"
></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="confirmDialogVisible = false"> </el-button>
<el-button type="primary" @click="submitConfirm"> </el-button>
</div>
</el-dialog>
<!-- 查看弹窗 --> <!-- 确认详情 -->
<el-dialog title="查看" :visible.sync="showOutView" width="1200px" append-to-body> <el-dialog title="确认详情" :visible.sync="confirmVisible" width="80%" append-to-body>
<el-form <el-form :model="confirmForm2" label-width="80px" size="small" inline @submit.native.prevent>
:model="queryOutView" <el-form-item label="" prop="keyWord">
ref="queryFormOutInfo" <el-input
size="small" v-model="confirmForm2.keyWord"
:inline="true" placeholder="请输入关键字"
v-show="showSearch" clearable
label-width="68px" @keyup.enter.native="getConfirmList"
> style="width: 240px"
<el-form-item prop="keyWord"> />
<el-input v-model="queryOutView.keyWord" placeholder="请输入规格型号" clearable maxlength="20" /> </el-form-item>
</el-form-item> <el-form-item>
<el-form-item> <el-button type="primary" icon="el-icon-search" @click="getConfirmList">查询</el-button>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQueryOutView"> <el-button icon="el-icon-refresh" @click="handleReset">重置</el-button>
查询 </el-form-item>
</el-button> </el-form>
<el-button icon="el-icon-refresh" size="mini" @click="resetQueryOutView">重置</el-button> <el-table :data="confirmList" fit highlight-current-row style="width: 100%; min-height: 450px">
</el-form-item> <el-table-column type="index" width="55" label="序号" align="center" />
</el-form> <el-table-column
<el-table :data="getListOutInfo" width="600px" height="450"> v-for="(column, index) in tableColumns"
<el-table-column label="类型名称" align="center" prop="maTypeName" :show-overflow-tooltip="true" /> show-overflow-tooltip
<el-table-column label="规格型号" align="center" prop="typeName" :show-overflow-tooltip="true" /> :key="index"
<el-table-column label="计量单位" align="center" prop="unitName" :show-overflow-tooltip="true" /> :label="column.label"
<el-table-column label="待出库数量" align="center" prop="outNum" :show-overflow-tooltip="true" /> :prop="column.prop"
<el-table-column label="已出库数量" align="center" prop="alNum" :show-overflow-tooltip="true" /> align="center"
</el-table> >
<pagination <!-- 插槽 -->
v-show="ViewTotal > 0" <template v-slot="{ row }" v-if="column.prop == 'isConfirm'">
:total="ViewTotal" <el-tag v-if="row.isConfirm == 2" type="success">已确认</el-tag>
:page.sync="queryOutView.pageNum" <el-tag v-else type="danger">未确认</el-tag>
:limit.sync="queryOutView.pageSize" </template>
@pagination="getListView" </el-table-column>
/> <!-- 操作 -->
</el-dialog> <el-table-column label="操作" align="center" width="180" v-if="!isView">
<template slot-scope="{ row }">
<el-button v-if="row.isConfirm != 2" type="primary" size="mini" @click="handleConfirm(row)">确认</el-button>
<el-button type="" size="mini" @click="openBills(row)">领料单</el-button>
<el-button type="" size="mini" @click="openPass(row)">出门证</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
<!-- 确认弹窗 --> <!-- 领料单弹窗 -->
<el-dialog title="材料员确认" :visible.sync="confirmDialogVisible" width="500px" append-to-body> <el-dialog :visible.sync="open" width="1090px" append-to-body>
<el-form :model="confirmForm" ref="confirmForm" label-width="100px"> <div style="height: 500px; overflow-y: scroll; padding: 0 20px">
<el-form-item label="备注" prop="confirmRemark"> <!-- <vue-easy-print tableShow ref="remarksPrintRef" > -->
<el-input v-model="confirmForm.confirmRemark" type="textarea" placeholder="请输入备注信息" :rows="3"></el-input> <div id="checkIdTwo">
</el-form-item> <div class="title" style="text-align: center; font-weight: 600; font-size: 16px">领料单</div>
</el-form> <div class="info" style="margin-top: 10px; display: flex; flex-wrap: wrap">
<div slot="footer" class="dialog-footer"> <div class="item" style="width: 60%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<el-button @click="confirmDialogVisible = false"> </el-button> <span>领料单位</span>
<el-button type="primary" @click="submitConfirm"> </el-button> {{ leaseApplyData.unitName }}
</div> </div>
</el-dialog> <div class="item" style="width: 40%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
</div> <span>工程名称</span>
{{ leaseApplyData.projectName }}
</div>
<div class="item" style="width: 40%; flex-shrink: 0; margin-bottom: 5px; font-size: 14px">
<span>发料单位</span>
{{ '机具物流分公司' }}
</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>
<el-table :data="leaseApplyDetails" class="table" border style="width: 100%">
<el-table-column label="序号" align="center" type="index" width="60px" />
<el-table-column label="物资名称" align="center" prop="maTypeName" />
<el-table-column label="规格型号" align="center" prop="typeName" />
<el-table-column label="计量单位" align="center" prop="unitName" />
<el-table-column label="领用数量" align="center" prop="outNum" />
<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; cursor: pointer"
@click="codeInfo(scope.row)"
>
编码出库
</span>
<span v-if="scope.row.manageType == 1">数量出库</span>
</template>
</el-table-column>
</el-table>
<div class="fillIn" style="margin-top: 30px; display: flex; justify-content: space-between">
<div class="item" style="width: 23%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">审核</div>
<div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="leaseApplyData.leaseSignUrl"
>
<!-- <div style="width: 80%;margin-left: 20px;">
<img :src="leaseApplyData.leaseSignUrl" style="width: 40px;height: 100px;transform: rotate(-90deg);max-width: 100%;" alt="">
</div> -->
</div>
</div>
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">领料</div>
<div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="leaseApplyData.leaseSignUrl"
>
<div style="width: 80%; margin-left: 20px">
<img
:src="leaseApplyData.leaseSignUrl"
style="width: 40px; height: 100px; max-width: 100%"
:style="{ transform: leaseApplyData.leaseSignType == 0 ? 'rotate(-90deg)' : '' }"
alt=""
/>
</div>
</div>
</div>
<!-- confirmSign -->
<div class="item" style="width: 24%; display: flex; align-items: center; flex-wrap: wrap">
<div style="width: 30%">材料员</div>
<div
style="width: 70%; display: flex; align-items: center; flex-wrap: wrap"
v-if="confirmSign.confirmSignUrl"
>
<div style="width: 80%; margin-left: 20px">
<img
:src="confirmSign.confirmSignUrl"
style="width: 40px; height: 100px; max-width: 100%"
:style="{ transform: confirmSign.confirmSignType == 0 ? 'rotate(-90deg)' : '' }"
alt=""
/>
</div>
</div>
</div>
<div class="item" style="width: 28%; display: flex; align-items: center">
<div style="width: 25%">库管</div>
<div style="width: 75%; display: flex; align-items: center; flex-wrap: wrap" v-if="kgSignList.length > 0">
<img
v-for="(item, index) in kgSignList"
:key="index"
:src="item.outSignUrl"
style="width: 50px; height: 100px"
:style="{ transform: item.outSignType == 0 ? 'rotate(-90deg)' : '' }"
alt=""
/>
</div>
</div>
<div class="item" style="width: 25%; display: flex; align-items: center">
<div style="width: 25%">制单</div>
</div>
</div>
</div>
<!-- </vue-easy-print> -->
</div>
<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>
</div>
</el-dialog>
<!-- 编码管理查看弹窗 -->
<el-dialog :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>
<el-table :data="getListViewInfo" style="padding: 1px">
<el-table-column align="center" label="序号" type="index" width="55" />
<el-table-column label="类型名称" align="center" prop="materialName" show-overflow-tooltip />
<el-table-column label="规格型号" align="center" prop="typeName" show-overflow-tooltip />
<el-table-column label="设备编码" align="center" prop="maCode" show-overflow-tooltip />
</el-table>
</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>
<!-- 出门证 -->
<el-dialog :visible.sync="showPass" width="800px" append-to-body>
<el-form :model="passForm" label-width="80px" size="small" inline @submit.native.prevent>
<el-form-item label="车牌号:">
<el-input v-model="passForm.carNumber" placeholder="请输入车牌号" clearable style="width: 240px" />
</el-form-item>
</el-form>
<div>
<!-- <vue-easy-print tableShow ref="remarksPrintRefPass" style="padding: 0 20px; font-size: 18px"> -->
<div id="passId" style="padding: 0 20px; font-size: 18px">
<div class="title" style="text-align: center; font-weight: 600; font-size: 22px; margin-bottom: 20px">
</div>
<div style="text-align: end">{{ passCode }}</div>
<div style="line-height: 1.96">
<div>门卫:</div>
<div>
<span style="margin-left: 25px">现有</span>
<span style="min-width: 80px; border-bottom: 1px solid #000; padding: 0 5px">
{{ passForm.carNumber }}
</span>
携带
<span style="min-width: 80px; border-bottom: 1px solid #000; padding: 0 5px">{{ passContent }}</span>
出门请予放行
</div>
</div>
<div style="margin: 60px 0 15px; text-align: end">公章</div>
<div style="text-align: end">{{ passTime }}</div>
<div>此证盖章有效</div>
<div v-if="showPass" style="position: absolute; top: 48%; left: 69%">
<canvas id="canvas" width="200" height="200"></canvas>
</div>
</div>
<!-- </vue-easy-print> -->
</div>
<div slot="footer" class="dialog-footer" style="text-align: center">
<el-button type="primary" @click="printPass"> </el-button>
<el-button @click="showPass = false"> </el-button>
</div>
</el-dialog>
</div>
</template> </template>
<script> <script>
import { getCompleteOutTaskList, outInfoList, confirmMaterial } from '@/api/lease/out' import { getCompleteOutTaskList, outInfoList, confirmMaterial, getInfoApi, getLeaseRequestVoApi } from '@/api/lease/out'
import vueEasyPrint from 'vue-easy-print'
import printJS from 'print-js'
import chapter from '@/utils/chapter'
export default { export default {
name: 'MaterialConfirm', components: { vueEasyPrint },
dicts: ['lease_task_status'], name: 'MaterialConfirm',
data() { dicts: ['lease_task_status'],
return { data() {
// return {
loading: true, //
// loading: true,
showOutView: false, //
// showOutView: false,
confirmDialogVisible: false, //
// confirmDialogVisible: false,
showSearch: true, //
// showSearch: true,
total: 0, //
ViewTotal: 0, total: 0,
// ViewTotal: 0,
title: '', //
typeList: [], title: '',
// typeList: [],
getListOutInfo: [], //
// getListOutInfo: [],
dateRange: [], //
statusDataRange: [], dateRange: [],
// statusDataRange: [],
queryParams: { //
pageNum: 1, queryParams: {
pageSize: 10, pageNum: 1,
time: null, // pageSize: 10,
taskStatus: '', time: null, //
keyWord: '', taskStatus: '',
isConfirm: '' keyWord: '',
}, isConfirm: ''
// },
queryOutView: { //
pageNum: 1, queryOutView: {
pageSize: 10, pageNum: 1,
keyWord: '' pageSize: 10,
}, keyWord: ''
// },
confirmForm: { //
id: null, confirmForm: {
confirmRemark: '', id: null,
isConfirm: 2 confirmRemark: '',
}, isConfirm: 2
publishTask: '' },
} publishTask: '',
}, confirmVisible: false,
created() { confirmForm2: {
if (this.$route.query.code) { id: null,
this.queryParams.keyWord = this.$route.query.code keyWord: ''
} },
this.getList() isView: false,
}, tableColumns: [
methods: { { label: '类型名称', prop: 'maTypeNames' },
getList() { { label: '已出库数量', prop: 'outNum' },
this.loading = true { label: '确认人', prop: 'confirmPerson' },
const params = { { label: '确认时间', prop: 'confirmTime' },
keyWord: this.queryParams.keyWord, { label: '确认状态', prop: 'isConfirm' },
startTime: this.queryParams.time && this.queryParams.time[0], { label: '确认备注', prop: 'confirmRemark' }
endTime: this.queryParams.time && this.queryParams.time[1], ],
pageSize: this.queryParams.pageSize, //
pageNum: this.queryParams.pageNum, confirmList: [],
isConfirm: this.queryParams.isConfirm open: false,
} leaseApplyData: {},
if (!this.queryParams.taskStatus) { leaseApplyDetails: [],
params.statusList = [3, 4, 5] kgSignList: [],
} else { confirmSign: {},
params.statusList = [this.queryParams.taskStatus] showView: false,
} getListViewInfo: [],
getCompleteOutTaskList(this.addDateRange(params)).then(response => { showPass: false,
this.typeList = response.data.rows passForm: {
this.total = response.data.total carNumber: '' //
this.loading = false },
}) passCode: '', //
}, passContent: '', //
/** 搜索按钮操作 */ passTime: ''
handleQuery() {
this.queryParams.pageNum = 1
this.getList()
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams.time = []
this.queryParams.taskStatus = ''
this.queryParams.keyWord = ''
this.queryParams.isConfirm = ''
this.handleQuery()
},
/** 查看按钮操作 */
handleView(row) {
const { id, publishTask } = row
this.publishTask = publishTask
this.title = '查看'
this.showOutView = true
this.queryOutView.id = row.id
outInfoList(id, { keyWord: this.queryOutView.keyWord, publishTask }).then(response => {
this.getListOutInfo = response.data.leaseApplyDetailsList
})
},
//
handleQueryOutView() {
this.queryOutView.pageNum = 1
this.getListView()
},
resetQueryOutView() {
this.queryOutView.keyWord = ''
this.getListView()
},
getListView() {
outInfoList(this.queryOutView.id, {
keyWord: this.queryOutView.keyWord,
publishTask: this.publishTask
}).then(response => {
this.getListOutInfo = response.data.leaseApplyDetailsList
})
},
/** 确认按钮操作 */
handleConfirm(row) {
this.confirmForm.id = row.id
this.confirmForm.confirmRemark = ''
this.confirmForm.isConfirm = 2
this.confirmDialogVisible = true
},
/** 提交确认 */
submitConfirm() {
this.$refs.confirmForm.validate(valid => {
if (valid) {
confirmMaterial(this.confirmForm).then(response => {
this.$modal.msgSuccess('确认成功')
this.confirmDialogVisible = false
this.getList()
})
}
})
}
},
watch: {
$route: {
handler(to) {
if (to.query.keyWord) {
this.queryParams.keyWord = to.query.keyWord
}
},
deep: true,
immediate: true
}
} }
},
created() {
if (this.$route.query.code) {
this.queryParams.keyWord = this.$route.query.code
}
this.getList()
},
methods: {
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,
pageNum: this.queryParams.pageNum,
isConfirm: this.queryParams.isConfirm
}
if (!this.queryParams.taskStatus) {
params.statusList = [3, 4, 5]
} else {
params.statusList = [this.queryParams.taskStatus]
}
getCompleteOutTaskList(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()
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams.time = []
this.queryParams.taskStatus = ''
this.queryParams.keyWord = ''
this.queryParams.isConfirm = ''
this.handleQuery()
},
/** 查看按钮操作 */
handleView(row) {
this.isView = true
this.confirmForm2.id = row.id
this.confirmForm2.keyWord = ''
this.getConfirmList()
this.confirmVisible = true
},
//
handleQueryOutView() {
this.queryOutView.pageNum = 1
this.getListView()
},
resetQueryOutView() {
this.queryOutView.keyWord = ''
this.getListView()
},
getListView() {
outInfoList(this.queryOutView.id, {
keyWord: this.queryOutView.keyWord,
publishTask: this.publishTask
}).then(response => {
this.getListOutInfo = response.data.leaseApplyDetailsList
})
},
handleOpenConfirm(row) {
this.passCode = row.code
this.isView = false
this.confirmForm2.id = row.id
this.confirmForm2.keyWord = ''
this.getConfirmList()
this.confirmVisible = true
},
getConfirmList() {
getInfoApi(this.confirmForm2)
.then(res => {
this.confirmList = res.data
})
.catch(error => {
console.error('Error fetching confirm list:', error)
})
},
handleReset() {
this.confirmForm2.keyWord = ''
this.getConfirmList()
},
/** 确认按钮操作 */
handleConfirm(row) {
this.confirmForm.id = this.confirmForm2.id
this.confirmForm.leaseSignId = row.leaseSignId
this.confirmForm.confirmRemark = ''
this.confirmForm.isConfirm = 2
this.confirmDialogVisible = true
},
/** 提交确认 */
submitConfirm() {
this.$refs.confirmForm.validate(valid => {
if (valid) {
confirmMaterial(this.confirmForm).then(response => {
this.$modal.msgSuccess('确认成功')
this.confirmDialogVisible = false
this.getList()
this.getConfirmList()
})
}
})
},
openBills(row) {
const params = {
id: this.confirmForm2.id,
leaseSignId: row.leaseSignId
}
getLeaseRequestVoApi(params).then(res => {
this.leaseApplyData = res.data.leaseApplyInfo
this.leaseApplyDetails = res.data.leaseApplyDetailsList
this.kgSignList = res.data.kgSignList
this.confirmSign = res.data.confirmSign
this.open = true
})
},
print() {
// this.$refs.remarksPrintRef.print()
const element = document.getElementById('checkIdTwo')
//
if (!element) {
this.$message.error('未找到要打印的元素')
return
}
printJS({
printable: 'checkIdTwo',
type: 'html',
targetStyles: ['*'],
maxWidth: '1400'
})
},
codeInfo(row) {
this.showView = true
this.getListViewInfo = row.maCodeVoList
},
printView() {
this.$refs.remarksPrintRefView.print()
},
//
openPass(row) {
setTimeout(() => {
chapter('出门证专用章', '安徽送变电工程有限公司机具(物流)分公司')
}, 500)
this.showPass = true
const passArray = row.maTypeNames.split(',')
this.passContent = passArray.slice(0, 3).join(',')
const date = new Date(row.confirmTime)
this.passTime = `${date.getFullYear()}${date.getMonth() + 1}${date.getDate()}`
},
printPass() {
// this.$refs.remarksPrintRefPass.print()
// /passId
printJS({
printable: 'passId',
type: 'html',
targetStyles: ['*'],
maxWidth: '900'
})
}
},
watch: {
$route: {
handler(to) {
if (to.query.keyWord) {
this.queryParams.keyWord = to.query.keyWord
}
},
deep: true,
immediate: true
}
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep.el-table .fixed-width .el-button--mini { ::v-deep.el-table .fixed-width .el-button--mini {
width: 70px !important; width: 70px !important;
margin-bottom: 10px; margin-bottom: 10px;
} }
</style> </style>