1086 lines
49 KiB
Vue
1086 lines
49 KiB
Vue
<template>
|
||
<div class="app-container">
|
||
<el-card>
|
||
<span style="margin-left: 0">项目名称:</span>
|
||
<el-select v-model="projectValue" placeholder="请选择项目名称" filterable size="small" style="margin-top: 3px">
|
||
<el-option
|
||
v-for="item in project"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"/>
|
||
</el-select>
|
||
<el-tooltip :open-delay="1000" effect="dark" content="新增项目装箱单" placement="top">
|
||
<el-button type="distribution" size="small" style="margin-left: 10px" icon="el-icon-circle-plus-outline" @click="addReceipt">新增</el-button>
|
||
</el-tooltip>
|
||
<el-tooltip :open-delay="1000" effect="dark" content="打印装箱单" placement="top">
|
||
<el-button type="primary" size="small" style="margin-left: 10px" plain icon="el-icon-download" @click="exportTable()">导出</el-button>
|
||
</el-tooltip>
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="receiptData"
|
||
border
|
||
stripe
|
||
size="mini"
|
||
highlight-current-row
|
||
style="margin-top:3px;margin-bottom: 0"
|
||
height="170px"
|
||
@row-click="searchTable">
|
||
<el-table-column
|
||
label="装箱单号"
|
||
align="center"
|
||
min-width="150px">
|
||
<template slot-scope="scope">{{ scope.row.装箱单号 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="发货节点"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.发货节点 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="名称"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.名称 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="收货单位"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.收货单位 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="联系人"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.联系人 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="联系方式"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.联系方式 }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" fixed="right" align="center" width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip effect="dark" content="编辑" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-edit-outline"
|
||
@click="handleEditReceipt(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
<el-tooltip effect="dark" content="删除" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
style="margin-left: 20px"
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-delete"
|
||
@click="handleDeleteReceipt(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
|
||
<el-card >
|
||
<el-button :disabled="!disabled" type="distribution" style="margin-top: 3px" size="small" icon="el-icon-circle-plus-outline" @click="addMachine">添加主机</el-button>
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="machineTableData"
|
||
border
|
||
highlight-current-row
|
||
size="mini"
|
||
height="170px"
|
||
style="margin-top:3px;margin-bottom: 0">
|
||
<el-table-column type="expand" label="详情">
|
||
<template slot-scope="props">
|
||
<el-table
|
||
:data="groupData"
|
||
border
|
||
stripe
|
||
size="mini"
|
||
class="subTableHeader"
|
||
style="width: 50%">
|
||
<el-table-column
|
||
label="序号"
|
||
type="index"
|
||
align="center"
|
||
width="50px"/>
|
||
<el-table-column
|
||
align="center"
|
||
label="类别"
|
||
><template slot-scope="scope">{{ scope.row.类别 }}</template></el-table-column>
|
||
<el-table-column
|
||
align="center"
|
||
label="代号"
|
||
><template slot-scope="scope">{{ scope.row.代号 }}</template></el-table-column>
|
||
<el-table-column
|
||
align="center"
|
||
label="名称"
|
||
><template slot-scope="scope">{{ scope.row.名称 }}</template></el-table-column>
|
||
<el-table-column
|
||
align="center"
|
||
label="规格"
|
||
><template slot-scope="scope">{{ scope.row.规格 }}</template></el-table-column>
|
||
<el-table-column
|
||
align="center"
|
||
label="数量"
|
||
><template slot-scope="scope">{{ scope.row.数量 }}</template></el-table-column>
|
||
<el-table-column
|
||
align="center"
|
||
label="备注"
|
||
><template slot-scope="scope">{{ scope.row.备注 }}</template></el-table-column>
|
||
<el-table-column label="操作" fixed="right" align="center" width="200">
|
||
<template slot-scope="scope">
|
||
<el-button
|
||
size="mini"
|
||
type="danger"
|
||
icon="el-icon-delete"
|
||
@click="handleDelete(scope.row)">删除</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="序号"
|
||
type="index"
|
||
align="center"
|
||
width="100px"/>
|
||
<el-table-column
|
||
label="代号"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.代号 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="机床名称"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.机床名称 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="数量"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.数量 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="备注"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.备注 }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" fixed="right" align="center" width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip effect="dark" content="编辑" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-edit-outline"
|
||
@click="editMachine(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
<el-tooltip effect="dark" content="删除" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
style="margin-left: 20px"
|
||
icon="el-icon-delete"
|
||
@click="deleteMachine(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
|
||
<el-card >
|
||
<el-button :disabled="!disabled" type="distribution" style="margin-top: 3px" size="small" icon="el-icon-circle-plus-outline" @click="addSpare">添加备件</el-button>
|
||
<el-table
|
||
v-loading="loading"
|
||
:data="spareData"
|
||
border
|
||
highlight-current-row
|
||
height="170px"
|
||
size="mini"
|
||
style="margin-top:3px;margin-bottom: 0">
|
||
<el-table-column
|
||
label="序号"
|
||
type="index"
|
||
align="center"
|
||
min-width="150px"/>
|
||
<el-table-column
|
||
label="名称"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.名称 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="代号"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.代号 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="数量"
|
||
align="center"
|
||
min-width="100px">
|
||
<template slot-scope="scope">{{ scope.row.数量 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="单位"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.单位 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="备注"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.备注 }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" fixed="right" align="center" width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-edit-outline"
|
||
@click="editSpare(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
<el-tooltip class="item" effect="dark" content="删除" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
style="margin-left: 20px"
|
||
icon="el-icon-delete"
|
||
@click="deleteSpare(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
|
||
<el-card >
|
||
<el-button :disabled="!disabled" type="distribution" size="small" style="margin-top: 3px" icon="el-icon-circle-plus-outline" @click="addFile">添加文件</el-button>
|
||
<el-table
|
||
v-loading="fileLoading"
|
||
:data="fileData"
|
||
border
|
||
highlight-current-row
|
||
height="170px"
|
||
size="mini"
|
||
style="margin-top:3px;margin-bottom: 0">
|
||
<el-table-column
|
||
label="序号"
|
||
align="center"
|
||
type="index"/>
|
||
<el-table-column
|
||
label="名称"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.名称 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="数量"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.数量 }}</template>
|
||
</el-table-column>
|
||
<el-table-column
|
||
label="备注"
|
||
align="center">
|
||
<template slot-scope="scope">{{ scope.row.备注 }}</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" fixed="right" align="center" width="150">
|
||
<template slot-scope="scope">
|
||
<el-tooltip class="item" effect="dark" content="编辑" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
icon="el-icon-edit-outline"
|
||
@click="editFile(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
<el-tooltip class="item" effect="dark" content="删除" placement="top">
|
||
<div style="display: inline-block">
|
||
<el-button
|
||
size="mini"
|
||
type="text"
|
||
style="margin-left: 20px"
|
||
icon="el-icon-delete"
|
||
@click="deleteFile(scope.row)"/>
|
||
</div>
|
||
</el-tooltip>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</el-card>
|
||
|
||
<el-dialog v-el-drag-dialog :title="receiptTitle" :visible.sync="receiptVisible" center style="min-height: 200px" width="800px">
|
||
<el-form ref="receiptForm" :rules="receiptRules" :model="receiptForm" label-position="left" label-width="110px" class="demo-ruleForm">
|
||
<el-row>
|
||
<el-col :span="12">
|
||
<el-form-item label="装箱单号" prop="装箱单号">
|
||
<el-input v-model="receiptForm.装箱单号" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="名称" prop="名称">
|
||
<el-input v-model="receiptForm.名称" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="发货节点" prop="发货节点">
|
||
<el-date-picker
|
||
v-model="receiptForm.发货节点"
|
||
value-format="yyyy-MM-dd"
|
||
size="small"
|
||
type="date"
|
||
style="width:200px"
|
||
placeholder="请选择发货节点"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="收货单位" prop="收货单位">
|
||
<el-input v-model="receiptForm.收货单位" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="联系人" prop="联系人">
|
||
<el-input v-model="receiptForm.联系人" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item label="联系方式" prop="联系方式">
|
||
<el-input v-model="receiptForm.联系方式" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="cancel">取消</el-button>
|
||
<el-button v-if="receiptTitle === '新增总装箱单'" type="primary" @click="submitAddReceipt">确定</el-button>
|
||
<el-button v-else-if="receiptTitle === '编辑总装箱单'" type="primary" @click="submitEditReceipt">确定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<el-dialog v-el-drag-dialog :visible.sync="machineVisible" :title="machineTitle" center style="min-height: 200px" width="400px">
|
||
<el-form ref="machineForm" :rules="machineRules" :model="machineForm" label-position="left" label-width="110px" class="demo-ruleForm">
|
||
<el-row>
|
||
<el-col v-if="machineTitle==='添加主机'" :span="24">
|
||
<el-form-item label="机床号" prop="机床号">
|
||
<el-select v-model="machineValue" placeholder="请选择机床图号" filterable size="small">
|
||
<el-option
|
||
v-for="item in machine"
|
||
:key="item.value"
|
||
:label="item.label"
|
||
:value="item.value"/>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="数量" prop="数量">
|
||
<el-input v-model="machineForm.数量" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="备注" prop="名称">
|
||
<el-input v-model="machineForm.备注" type="textarea" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="cancel">取消</el-button>
|
||
<el-button v-if="machineTitle==='添加主机'" type="primary" @click="submitAddMachine">确定</el-button>
|
||
<el-button v-else-if="machineTitle==='编辑主机'" type="primary" @click="submitEditMachine">确定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<el-dialog v-el-drag-dialog :visible.sync="fileVisible" :title="fileTitle" center style="min-height: 200px" width="400px">
|
||
<el-form ref="fileForm" :rules="filerules" :model="fileForm" label-position="left" label-width="110px" class="demo-ruleForm">
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<el-form-item label="名称" prop="名称">
|
||
<el-input v-model="fileForm.名称" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="数量" prop="数量">
|
||
<el-input v-model="fileForm.数量" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="备注" prop="备注">
|
||
<el-input v-model="fileForm.备注" type="textarea" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="cancel">取消</el-button>
|
||
<el-button v-if="fileTitle==='添加文件'" type="primary" @click="submitAddFile">确定</el-button>
|
||
<el-button v-else-if="fileTitle==='编辑文件'" type="primary" @click="submitEditFile">确定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<el-dialog v-el-drag-dialog :visible.sync="spareVisible" :title="spareTitle" center style="min-height: 200px" width="400px">
|
||
<el-form ref="spareForm" :rules="spareRule" :model="spareForm" label-position="left" label-width="110px" class="demo-ruleForm">
|
||
<el-row>
|
||
<el-col :span="24">
|
||
<el-form-item label="图号" prop="图号">
|
||
<el-input v-model="spareForm.图号" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="名称" prop="名称">
|
||
<el-input v-model="spareForm.名称" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="规格" prop="规格">
|
||
<el-input v-model="spareForm.规格" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="数量" prop="数量">
|
||
<el-input v-model="spareForm.数量" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="单位" prop="单位">
|
||
<el-input v-model="spareForm.单位" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="24">
|
||
<el-form-item label="备注" prop="备注">
|
||
<el-input v-model="spareForm.备注" type="textarea" size="small" style="width:200px"/>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="cancel">取消</el-button>
|
||
<el-button v-if="spareTitle==='添加备件'" type="primary" @click="submitAddSpare">确定</el-button>
|
||
<el-button v-else-if="spareTitle==='编辑备件'" type="primary" @click="submitEditSpare">确定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
<div v-show="true" id="cjn">
|
||
<!--封面-->
|
||
<table class="tg" style="width: 900px">
|
||
<colgroup>
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
</colgroup>
|
||
<tr>
|
||
<td class="tg-cw9i" colspan="6"><p style="margin-top:170px">数 控 轧 辊 铣 扁 专机</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-qj3h" colspan="6"><p style="margin-top:50px">装 箱 单</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-qj3h" colspan="6">{{ receiptName }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-qj3h" colspan="6">
|
||
<img style="margin-top:120px" src="data:image/jpeg;base64,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">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-a8eg" colspan="6"><p style="margin-left:30px">出厂编号：</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-qj3h" colspan="6"><p style="margin-top:70px">中 华 人 民 共 和 国</p></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-qj3h" colspan="6"><p >江 苏 高 精 机 电 装 备 有 限 公 司</p></td>
|
||
</tr>
|
||
</table>
|
||
<!--内容-->
|
||
<table class="tg1" style="table-layout: fixed; width: 900px;margin-top:50px">
|
||
<colgroup>
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
<col style="width: 150px">
|
||
</colgroup>
|
||
<tr>
|
||
<td class="tg-8zau" colspan="5">装 箱 单</td>
|
||
<td class="tg-hjji">{{ receiptName }}</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13k7" colspan="6">本装箱单所列的包装品开箱后应立即清点<br></td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">箱号</td>
|
||
<td class="tg-baqh" rowspan="2"/>
|
||
<td class="tg-13pz">箱体尺寸<br></td>
|
||
<td class="tg-baqh" colspan="3" rowspan="2"/>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">毛重</td>
|
||
<td class="tg-13pz">净重<br></td>
|
||
</tr>
|
||
<tbody>
|
||
<tr>
|
||
<td class="tg-60hs" colspan="6">一、主机</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">序号<br></td>
|
||
<td class="tg-13pz">代号</td>
|
||
<td class="tg-13pz" colspan="2">名称</td>
|
||
<td class="tg-13pz">数量<br></td>
|
||
<td class="tg-13pz">备注<br></td>
|
||
</tr>
|
||
<tr v-for="(list, index) in machineTableData" :key="index">
|
||
<td class="tg-0lax">{{ list.序号 }}</td>
|
||
<td class="tg-0lax">{{ list.代号 }}</td>
|
||
<td class="tg-0lax" colspan="2">{{ list.机床名称 }}</td>
|
||
<td class="tg-0lax">{{ list.数量 }}</td>
|
||
<td class="tg-0lax">{{ list.备注 }}</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody>
|
||
<tr>
|
||
<td class="tg-60hs" colspan="6">二、机床所属部件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">序号</td>
|
||
<td class="tg-13pz">代号</td>
|
||
<td class="tg-13pz">名称<br></td>
|
||
<td class="tg-13pz">规格</td>
|
||
<td class="tg-13pz">数量</td>
|
||
<td class="tg-13pz">备注</td>
|
||
</tr>
|
||
<tr v-for="(list, index) in groupData" :key="index">
|
||
<td class="tg-0lax">{{ index + 1 }}</td>
|
||
<td class="tg-0lax">{{ list.代号 }}</td>
|
||
<td class="tg-0lax">{{ list.名称 }}</td>
|
||
<td class="tg-0lax">{{ list.规格 }}</td>
|
||
<td class="tg-0lax">{{ list.数量 }}</td>
|
||
<td class="tg-0lax">{{ list.备注 }}</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody>
|
||
<tr>
|
||
<td class="tg-60hs" colspan="6">三、随机供应备件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">序号<br></td>
|
||
<td class="tg-13pz">名称</td>
|
||
<td class="tg-13pz" colspan="2">代号<br></td>
|
||
<td class="tg-13pz">数量<br></td>
|
||
<td class="tg-13pz">备注<br></td>
|
||
</tr>
|
||
<tr v-for="(list, index) in spareData" :key="index">
|
||
<td class="tg-0lax">{{ index + 1 }}</td>
|
||
<td class="tg-0lax">{{ list.名称 }}</td>
|
||
<td class="tg-0lax" colspan="2">{{ list.代号 }}</td>
|
||
<td class="tg-0lax">{{ list.数量 }}</td>
|
||
<td class="tg-0lax">{{ list.备注 }}</td>
|
||
</tr>
|
||
</tbody>
|
||
<tbody>
|
||
<tr>
|
||
<td class="tg-60hs" colspan="6">四、随机技术文件</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-13pz">序号<br></td>
|
||
<td class="tg-13pz">名称<br></td>
|
||
<td class="tg-13pz" colspan="2">代号</td>
|
||
<td class="tg-13pz">数量</td>
|
||
<td class="tg-13pz">备注</td>
|
||
</tr>
|
||
<tr v-for="(list, index) in fileData" :key="index">
|
||
<td class="tg-0lax" align="center">{{ index + 1 }}</td>
|
||
<td class="tg-0lax" align="center">{{ list.名称 }}</td>
|
||
<td class="tg-0lax" colspan="2" align="center">{{ list.代号 }}</td>
|
||
<td class="tg-0lax" align="center">{{ list.数量 }}</td>
|
||
<td class="tg-0lax" align="center">{{ list.备注 }}</td>
|
||
</tr>
|
||
</tbody>
|
||
<tr>
|
||
<td class="tg-baqh">标记<br></td>
|
||
<td class="tg-baqh">处数<br></td>
|
||
<td class="tg-baqh">更改文件号<br></td>
|
||
<td class="tg-baqh">签字<br></td>
|
||
<td class="tg-baqh">日期<br></td>
|
||
<td class="tg-0lax"/>
|
||
</tr>
|
||
<tr>
|
||
<td class="tg-0lax"/>
|
||
<td class="tg-0lax"/>
|
||
<td class="tg-0lax"/>
|
||
<td class="tg-0lax"/>
|
||
<td class="tg-0lax"/>
|
||
<td class="tg-0lax"/>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import { projectSelect, getReciptData, insertReciptData, updateReciptData, deleteReciptData, getMachineData, getGroupData, machineSelect, addMachineData, updateMachineData, deleteMachineData, getFileData, addFileData, editFileData, deleteFileData, getSpareData, addSpareData, editSpareData, deleteSpareData, deleteGroupData } from '@/api/TechnologyCenter/CreatePackingList'
|
||
import $ from 'jquery'
|
||
export default {
|
||
data() {
|
||
return {
|
||
groupData: [],
|
||
project: [],
|
||
projectValue: '',
|
||
machine: [],
|
||
machineValue: '',
|
||
receiptData: [],
|
||
loading: false,
|
||
fileData: [],
|
||
fileLoading: false,
|
||
receiptTitle: '',
|
||
receiptVisible: false,
|
||
machineTitle: '',
|
||
machineVisible: false,
|
||
GroupDataVisible: false,
|
||
spareVisible: false,
|
||
spareTitle: '',
|
||
spareForm: {
|
||
备件编号: '',
|
||
图号: '',
|
||
名称: '',
|
||
规格: '',
|
||
单位: '',
|
||
备注: '',
|
||
数量: ''
|
||
},
|
||
spareRule: {
|
||
名称: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
||
数量: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||
},
|
||
spareData: [],
|
||
receiptForm: {
|
||
装箱单号: '',
|
||
发货节点: '',
|
||
名称: '',
|
||
收货单位: '',
|
||
联系人: '',
|
||
联系方式: ''
|
||
},
|
||
GroupDataForm: {
|
||
部件编号: '',
|
||
代号: '',
|
||
名称: '',
|
||
规格: '',
|
||
备注: '',
|
||
数量: ''
|
||
},
|
||
GroupDataRule: {
|
||
名称: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
||
数量: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||
},
|
||
receiptRules: {
|
||
装箱单号: [{ required: true, message: '请输入装箱单号', trigger: 'blur' }],
|
||
名称: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
||
发货节点: [{ required: true, message: '请输入发货节点', trigger: 'blur' }]
|
||
},
|
||
machineForm: {
|
||
序号: '',
|
||
机床号: '',
|
||
备注: '',
|
||
数量: ''
|
||
},
|
||
machineRules: {
|
||
// 机床号: [{ required: true, message: '请选择机床号', trigger: 'change' }],
|
||
// 数量: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||
},
|
||
rules: {
|
||
},
|
||
machineTableData: [],
|
||
receiptName: '',
|
||
receiptNum: 0, // 装箱单号，全局要使用
|
||
fileVisible: false,
|
||
fileTitle: '',
|
||
fileForm: {
|
||
文件编号: '',
|
||
名称: '',
|
||
数量: '',
|
||
备注: ''
|
||
},
|
||
filerules: {
|
||
名称: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
||
数量: [{ required: true, message: '请输入数量', trigger: 'blur' }]
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
disabled() {
|
||
return this.receiptData.length > 0
|
||
},
|
||
projectName() {
|
||
for (let i = 0; i < this.project.length; i++) {
|
||
if (this.project[i].value === this.projectValue) {
|
||
return this.project[i].label
|
||
}
|
||
}
|
||
}
|
||
},
|
||
watch: {
|
||
project(val) {
|
||
if (val.length > 0) {
|
||
this.projectValue = val[0].value
|
||
}
|
||
},
|
||
projectValue(val) {
|
||
this.machineTableData = []
|
||
this.receiptData = []
|
||
this.spareData = []
|
||
this.fileData = []
|
||
this.receiptNum = 0
|
||
this.receiptName = ''
|
||
if (val) {
|
||
this.getMachineSelect(val)
|
||
}
|
||
this.getReceipt()
|
||
},
|
||
receiptNum(val) {
|
||
if (val !== 0) {
|
||
this.getMachineData()
|
||
}
|
||
},
|
||
machineTableData(val) {
|
||
if (val.length > 0) {
|
||
this.getFileData()
|
||
this.getSpareData()
|
||
}
|
||
}
|
||
},
|
||
mounted() {
|
||
this.fetchData()
|
||
},
|
||
methods: {
|
||
fetchData() {
|
||
this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
|
||
},
|
||
getMachineSelect(val) {
|
||
this.getSelect(machineSelect, ['机床图号', '机床流水号'], 'machine', val)
|
||
},
|
||
async getReceipt() {
|
||
this.receiptData = []
|
||
this.machineTableData = []
|
||
const response = await getReciptData(this.projectValue)
|
||
const data = response.data
|
||
if (data.length > 0) {
|
||
// this.receiptNum = data[0].装箱单编号
|
||
// this.receiptName = data[0].装箱单号
|
||
this.receiptData = data
|
||
} else {
|
||
// this.receiptNum = 0
|
||
// this.receiptName = ''
|
||
}
|
||
},
|
||
addReceipt() {
|
||
this.addForm('receiptForm')
|
||
for (let i = 0; i < this.project.length; i++) {
|
||
if (this.projectValue === this.project[i].value) {
|
||
this.receiptForm.名称 = this.project[i].label
|
||
}
|
||
}
|
||
this.receiptVisible = true
|
||
this.receiptTitle = `新增总装箱单`
|
||
},
|
||
submitAddReceipt() {
|
||
this.addTable(insertReciptData, [this.receiptForm.装箱单号, this.receiptForm.发货节点, this.receiptForm.名称, this.receiptForm.收货单位, this.receiptForm.联系方式, this.receiptForm.联系人, this.projectValue], 'receiptForm', function() {
|
||
this.receiptVisible = false
|
||
this.receiptNum = 0
|
||
this.receiptName = ''
|
||
this.getReceipt()
|
||
})
|
||
},
|
||
handleEditReceipt(row) {
|
||
this.editForm(row, 'receiptForm', function() {
|
||
this.receiptVisible = true
|
||
this.receiptTitle = `编辑总装箱单`
|
||
})
|
||
},
|
||
submitEditReceipt() {
|
||
this.editTable(updateReciptData, [this.receiptForm.装箱单号, this.receiptForm.发货节点, this.receiptForm.名称, this.receiptForm.收货单位, this.receiptForm.联系方式, this.receiptForm.联系人, this.receiptNum], 'receiptForm', function() {
|
||
this.receiptVisible = false
|
||
this.receiptNum = 0
|
||
this.receiptName = ''
|
||
this.getReceipt()
|
||
})
|
||
},
|
||
handleDeleteReceipt(row) {
|
||
this.deleteRow(deleteReciptData, row.装箱单编号, function() {
|
||
this.receiptNum = 0
|
||
this.receiptName = ''
|
||
this.getReceipt()
|
||
})
|
||
},
|
||
handleDelete(row) {
|
||
this.deleteRow(deleteGroupData, row.部件编号, function() {
|
||
this.getMachineData()
|
||
})
|
||
},
|
||
cancel() {
|
||
this.receiptVisible = false
|
||
this.machineVisible = false
|
||
this.fileVisible = false
|
||
this.spareVisible = false
|
||
},
|
||
searchTable(row) {
|
||
console.log(row)
|
||
this.receiptNum = row.装箱单编号
|
||
this.receiptName = row.装箱单号
|
||
},
|
||
async getMachineData() {
|
||
this.machineTableData = []
|
||
const response = await getMachineData(this.receiptNum)
|
||
const data = response.data
|
||
console.log(data, 111)
|
||
if (data.length === 0) {
|
||
this.machineValue = ''
|
||
this.spareData = []
|
||
this.fileData = []
|
||
} else {
|
||
this.machineValue = data[0].机床号
|
||
}
|
||
console.log(this.machineValue, 222)
|
||
this.groupData = []
|
||
for (let i = 0; i < data.length; i++) {
|
||
const resp = await getGroupData(data[i].机床号)
|
||
console.log(resp)
|
||
const groupData = resp.data.map(item => {
|
||
item.类别 = '机床所属部件'
|
||
return item
|
||
})
|
||
this.groupData = groupData
|
||
this.machineTableData.push({
|
||
序号: data[i].序号,
|
||
代号: data[i].代号,
|
||
机床名称: data[i].名称,
|
||
数量: data[i].数量,
|
||
备注: data[i].备注
|
||
})
|
||
}
|
||
},
|
||
addMachine() {
|
||
this.addForm('machineForm', function() {
|
||
this.machineTitle = `添加主机`
|
||
this.machineVisible = true
|
||
})
|
||
},
|
||
async submitAddMachine() {
|
||
this.addTable(addMachineData, [this.projectName, this.machineValue, this.machineForm.备注, this.machineForm.数量, this.receiptNum], 'machineForm', function() {
|
||
this.machineVisible = false
|
||
this.getMachineData()
|
||
})
|
||
// const response = await addMachineData(this.projectName, this.machineValue, this.machineForm.备注, this.machineForm.数量, this.receiptNum)
|
||
// if (response.data[0].result === '1') {
|
||
// this.machineVisible = false
|
||
// this.getMachineData()
|
||
// }
|
||
},
|
||
editMachine(row) {
|
||
this.editForm(row, 'machineForm', function() {
|
||
this.machineTitle = `编辑主机`
|
||
this.machineVisible = true
|
||
})
|
||
},
|
||
async submitEditMachine() {
|
||
this.editTable(updateMachineData, [this.machineForm.序号, this.machineForm.数量, this.machineForm.备注], 'machineForm', function() {
|
||
this.machineVisible = false
|
||
this.getMachineData()
|
||
})
|
||
// const response = await updateMachineData(this.machineForm.序号, this.machineForm.数量, this.machineForm.备注)
|
||
// if (response.data[0].result === '1') {
|
||
// this.machineVisible = false
|
||
// this.getMachineData()
|
||
// }
|
||
},
|
||
deleteMachine(row) {
|
||
this.deleteRow(deleteMachineData, row.序号, function() {
|
||
this.getMachineData()
|
||
})
|
||
},
|
||
// editGroupData(row) {
|
||
// console.log(row)
|
||
// this.editForm(row, 'GroupDataForm', function() {
|
||
// this.GroupDataVisible = true
|
||
// })
|
||
// },
|
||
// async submitEditGroupData() {
|
||
// console.log(this.GroupDataForm.部件编号, this.GroupDataForm.代号, this.GroupDataForm.名称, this.GroupDataForm.规格, this.GroupDataForm.数量, this.GroupDataForm.备注)
|
||
// editGroupData(this.GroupDataForm.部件编号, this.GroupDataForm.代号, this.GroupDataForm.名称, this.GroupDataForm.规格, this.GroupDataForm.数量, this.GroupDataForm.备注).then(response => {
|
||
// if (response.data[0].result === '1') {
|
||
// this.$message.success('编辑成功')
|
||
// this.GroupDataVisible = false
|
||
// this.getMachineData()
|
||
// } else {
|
||
// this.$message.error('编辑失败')
|
||
// }
|
||
// })
|
||
// },
|
||
async getFileData() {
|
||
const response = await getFileData(this.receiptNum)
|
||
this.fileData = response.data
|
||
},
|
||
addFile() {
|
||
this.addForm('fileForm', function() {
|
||
this.fileTitle = `添加文件`
|
||
this.fileVisible = true
|
||
})
|
||
},
|
||
async submitAddFile() {
|
||
this.addTable(addFileData, [this.fileForm.名称, this.fileForm.数量, this.fileForm.备注, this.receiptNum], 'fileForm', function() {
|
||
this.fileVisible = false
|
||
this.getFileData()
|
||
})
|
||
},
|
||
editFile(row) {
|
||
this.editForm(row, 'fileForm', function() {
|
||
this.fileTitle = `编辑文件`
|
||
this.fileVisible = true
|
||
})
|
||
},
|
||
async submitEditFile() {
|
||
this.editTable(editFileData, [this.fileForm.名称, this.fileForm.数量, this.fileForm.备注, this.fileForm.文件编号], 'fileForm', function() {
|
||
this.fileVisible = false
|
||
this.getFileData()
|
||
})
|
||
},
|
||
deleteFile(row) {
|
||
this.deleteRow(deleteFileData, row.文件编号, function() {
|
||
this.getFileData()
|
||
})
|
||
},
|
||
async getSpareData() {
|
||
console.log(this.machineValue, 333)
|
||
const response = await getSpareData(this.projectValue, this.machineValue)
|
||
console.log(response)
|
||
for (let i = 0; i < response.data.length; i++) {
|
||
if (response.data[i].图号 !== undefined && response.data[i].规格 !== undefined) {
|
||
response.data[i].代号 = response.data[i].图号 + ' ' + response.data[i].规格
|
||
} else {
|
||
response.data[i].代号 = ''
|
||
}
|
||
}
|
||
this.spareData = response.data
|
||
},
|
||
addSpare() {
|
||
this.addForm('spareForm', function() {
|
||
this.spareTitle = `添加备件`
|
||
this.spareVisible = true
|
||
})
|
||
},
|
||
async submitAddSpare() {
|
||
this.addTable(addSpareData, [this.spareForm.图号, this.spareForm.名称, this.spareForm.规格, this.spareForm.单位, this.spareForm.数量, this.spareForm.备注, this.receiptNum, this.projectValue, this.machineValue], 'spareForm', function() {
|
||
this.spareVisible = false
|
||
this.getSpareData()
|
||
})
|
||
// const response = await addSpareData(this.spareForm.名称, this.spareForm.规格, this.spareForm.单位, this.spareForm.数量, this.spareForm.备注, this.receiptNum)
|
||
// if (response.data[0].result === '1') {
|
||
// this.spareVisible = false
|
||
// this.getSpareData()
|
||
// }
|
||
},
|
||
editSpare(row) {
|
||
this.editForm(row, 'spareForm', function() {
|
||
this.spareTitle = `编辑备件`
|
||
this.spareVisible = true
|
||
})
|
||
},
|
||
async submitEditSpare() {
|
||
this.editTable(editSpareData, [this.spareForm.图号, this.spareForm.名称, this.spareForm.规格, this.spareForm.单位, this.spareForm.数量, this.spareForm.备注, this.spareForm.备件编号], 'spareForm', function() {
|
||
this.spareVisible = false
|
||
this.getSpareData()
|
||
})
|
||
// const response = await editSpareData(this.spareForm.名称, this.spareForm.规格, this.spareForm.单位, this.spareForm.数量, this.spareForm.备注, this.spareForm.备件编号)
|
||
// if (response.data[0].result === '1') {
|
||
// this.spareVisible = false
|
||
// this.getSpareData()
|
||
// }
|
||
},
|
||
deleteSpare(row) {
|
||
this.deleteRow(deleteSpareData, row.备件编号, function() {
|
||
this.getSpareData()
|
||
})
|
||
},
|
||
exportTable() {
|
||
const htmlNode = $('#cjn').html()
|
||
const body = $('body').attr('style', 'padding: 20px;margin: 0 auto;display: block;width: 950px;background: #fff;')
|
||
body.children().hide()
|
||
const printNode = $(htmlNode)
|
||
body.append(printNode)
|
||
window.print()
|
||
body.removeAttr('style')
|
||
body.children().not('script').show()
|
||
body.children().not('#app').hide()
|
||
printNode.remove()
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
span{
|
||
margin: 20px;
|
||
}
|
||
.title{
|
||
float: right;
|
||
font-size: 20px;
|
||
padding: 10px;
|
||
font-weight: bolder;
|
||
}
|
||
</style>
|
||
<style type="text/css">
|
||
.tg {border-collapse: collapse;border-spacing: 0;border-width: 1px;border-style: solid;border-color: black;}
|
||
.tg td {font-family: Arial, sans-serif;font-size: 14px;padding: 10px 5px;border-style: solid;border-width: 0px;overflow: hidden;word-break: normal;}
|
||
.tg th {font-family: Arial, sans-serif;font-size: 14px;font-weight: normal;padding: 10px 5px;border-style: solid;border-width: 0px;overflow: hidden;word-break: normal;}
|
||
.tg .tg-auka {font-size: 26px;text-align: center;vertical-align: top;}
|
||
.tg .tg-qj3h {font-size: 36px;text-align: center;vertical-align: top;}
|
||
.tg .tg-s268 {text-align: center;}
|
||
.tg .tg-0lax {text-align: center;vertical-align: top;}
|
||
.tg .tg-cw9i {font-size: 28px;text-align: center;vertical-align: top;}
|
||
.tg .tg-a8eg {font-size: 28px;text-align: center;vertical-align: top;}
|
||
.tg1 {border-collapse:collapse;border-spacing:0;}
|
||
.tg1 td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
|
||
.tg1 th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
|
||
.tg1 .tg-hjji{font-size:24px;text-align:center;vertical-align:top}
|
||
.tg1 .tg-13k7{font-size:20px;text-align:left}
|
||
.tg1 .tg-auka{font-size:26px;text-align:center;vertical-align:top}
|
||
.tg1 .tg-baqh{text-align:center;vertical-align:top}
|
||
.tg1 .tg-qj3h{font-size:36px;text-align:center;vertical-align:top}
|
||
.tg1 .tg-8zau{font-size:32px;text-align:center}
|
||
.tg1 .tg-13pz{font-size:18px;text-align:center;vertical-align:top}
|
||
.tg1 .tg-60hs{font-size:20px;text-align:left;vertical-align:top}
|
||
.tg1 .tg-0lax{text-align:center;vertical-align:top}
|
||
.tg1 .tg-a8eg{font-size:28px;text-align:center;vertical-align:top}
|
||
</style>
|
||
<style lang="scss">
|
||
.subTableHeader {
|
||
th {
|
||
background: #8ff4ea !important;
|
||
color: black;
|
||
}
|
||
|
||
tr.el-table__row td {
|
||
background-color: #d8e5f6 !important;
|
||
}
|
||
|
||
tr.el-table__row.el-table__row--striped td {
|
||
background: #e9f0f9 !important;
|
||
}
|
||
}
|
||
</style>
|
||
|