You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1967 lines
65 KiB
1967 lines
65 KiB
<template>
|
|
<div class="mod-config">
|
|
<!-- 查询条件 -->
|
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()">
|
|
<el-form-item :label="'材料编码'">
|
|
<el-input v-model="searchData.partNo" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'ERP物料编码'">
|
|
<el-input v-model="searchData.erpPartNo" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'录入时间'">
|
|
<el-date-picker
|
|
style="width: 120px"
|
|
v-model="searchData.startDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item style="margin-top: 23px;">
|
|
<laber style="margin-left: 0px;font-size: 19px">➞</laber>
|
|
</el-form-item>
|
|
<el-form-item :label="' '">
|
|
<el-date-picker
|
|
style="width: 120px"
|
|
v-model="searchData.endDate"
|
|
type="date"
|
|
value-format="yyyy-MM-dd"
|
|
placeholder="选择日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
<el-form-item :label="'材料描述'">
|
|
<el-input v-model="searchData.partDesc" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'材料规格型号'">
|
|
<el-input v-model="searchData.spec" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="' '">
|
|
<el-button @click="getDataList()">查询</el-button>
|
|
<el-button type="primary" @click="addModal()">新增</el-button>
|
|
<el-button type="primary" @click="delModal()">删除</el-button>
|
|
<download-excel
|
|
:fields="fields()"
|
|
:data="exportData"
|
|
type="xls"
|
|
:name="exportName"
|
|
:header="exportHeader"
|
|
:footer="exportFooter"
|
|
:fetch="createExportData"
|
|
:before-generate="startDownload"
|
|
:before-finish="finishDownload"
|
|
worksheet="导出信息"
|
|
class="el-button el-button--primary el-button--medium">
|
|
{{ "导出" }}
|
|
</download-excel>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<!-- 材料列表 -->
|
|
<el-table
|
|
:height="height"
|
|
:data="dataList"
|
|
border
|
|
ref="partTable"
|
|
@row-click="partClickRow"
|
|
@selection-change="selectionPart"
|
|
@current-change="changeCurrentRow"
|
|
v-loading="dataListLoading"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
type="selection"
|
|
header-align="center"
|
|
align="center"
|
|
:selectable="selectFlag"
|
|
width="50">
|
|
</el-table-column>
|
|
<el-table-column
|
|
v-for="(item,index) in columnList" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed === ''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
fixed="right"
|
|
header-align="center"
|
|
align="center"
|
|
width="100"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<a type="text" size="small" @click="updateModal(scope.row)">编辑</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<selectDiv ref="selectDiv"></selectDiv>
|
|
|
|
<!-- 分页插件 -->
|
|
<el-pagination style="margin-top: 0px"
|
|
@size-change="sizeChangeHandle"
|
|
@current-change="currentChangeHandle"
|
|
:current-page="pageIndex"
|
|
:page-sizes="[20, 50, 100, 200, 500]"
|
|
:page-size="pageSize"
|
|
:total="totalPage"
|
|
layout="total, sizes, prev, pager, next, jumper">
|
|
</el-pagination>
|
|
|
|
<!-- 材料新增/编辑模态框 -->
|
|
<el-dialog :title="modalData.title" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="495px">
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="材料描述" prop="partDesc" :rules="rules.partDesc">
|
|
<el-input v-model="modalData.partDesc" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="ERP物料编码">
|
|
<el-input v-model="modalData.erpPartNo" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="规格型号" prop="spec" :rules="rules.spec">
|
|
<el-input v-model="modalData.spec" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="umName" :rules="rules.umName">
|
|
<span slot="label" @click="getBaseList(107)"><a herf="#">计量单位</a></span>
|
|
<el-input v-model="modalData.umName" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item prop="familyName" :rules="rules.familyName">
|
|
<span slot="label" @click="getBaseList(108)"><a herf="#">材料分类1</a></span>
|
|
<el-input v-model="modalData.familyName" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="groupName" :rules="rules.groupName">
|
|
<span slot="label" @click="getBaseList(109)"><a herf="#">材料分类2</a></span>
|
|
<el-input v-model="modalData.groupName" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item>
|
|
<span slot="label" @click="getBaseList(110)"><a herf="#">商品组1</a></span>
|
|
<el-input v-model="modalData.productGroupName1" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<span slot="label" @click="getBaseList(111)"><a herf="#">商品组2</a></span>
|
|
<el-input v-model="modalData.productGroupName2" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item>
|
|
<span slot="label" @click="getBaseList(112)"><a herf="#">商品组3</a></span>
|
|
<el-input v-model="modalData.productGroupName3" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<span slot="label" @click="getBaseList(113)"><a herf="#">商品组4</a></span>
|
|
<el-input v-model="modalData.productGroupName4" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item prop="codeDesc" :rules="rules.codeDesc">
|
|
<span slot="label" @click="getBaseList(20)"><a herf="#">属性模板</a></span>
|
|
<el-input v-model="modalData.codeDesc" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item prop="manufacturerName" :rules="rules.manufacturerName">
|
|
<span slot="label" @click="getBaseList(114)"><a herf="#">制造商</a></span>
|
|
<el-input v-model="modalData.manufacturerName" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" :rules="rules" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="是否在用" prop="active" :rules="rules.active">
|
|
<el-select v-model="modalData.active" style="width: 221px">
|
|
<el-option label="是" value="Y"></el-option>
|
|
<el-option label="否" value="N"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item prop="agentName" :rules="rules.agentName">
|
|
<span slot="label" @click="getAgentList()"><a>代理商</a></span>
|
|
<el-input v-model="modalData.agentName" style="width: 221px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="备注">
|
|
<el-input
|
|
type="textarea"
|
|
v-model="modalData.remark"
|
|
:rows="1"
|
|
resize='none'
|
|
maxlength="300"
|
|
show-word-limit
|
|
style="width: 456px;height: 20px">
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-footer style="height:30px;margin-top: 20px;text-align:center">
|
|
<el-button type="primary" @click="saveData()">保存</el-button>
|
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button>
|
|
</el-footer>
|
|
</el-dialog>
|
|
|
|
<!-- 页签 -->
|
|
<el-tabs v-model="activeTable" style="margin-top: 0px; width: 100%; min-height: 294px" type="border-card" @tab-click="tabClick" class="customer-tab">
|
|
<!-- 材料属性页签 -->
|
|
<el-tab-pane label="材料属性" name="part_item">
|
|
<el-table
|
|
:data="partItemList"
|
|
:height="secondHeight"
|
|
border
|
|
v-loading="dataListLoading"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
v-for="(item,index) in columnItemList" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed==''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
header-align="center"
|
|
align="center"
|
|
width="150"
|
|
fixed="right"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<a type="text" size="small" @click="updateItemModal(scope.row)">编辑</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
<!-- 代理商页签 -->
|
|
<el-tab-pane label="代理商" name="part_agent">
|
|
<el-table
|
|
:data="partAgentList"
|
|
:height="secondHeight"
|
|
border
|
|
v-loading="dataListLoading"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
v-for="(item,index) in columnAgentList" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed==''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
<!-- <el-table-column-->
|
|
<!-- header-align="center"-->
|
|
<!-- align="center"-->
|
|
<!-- width="150"-->
|
|
<!-- fixed="right"-->
|
|
<!-- label="操作">-->
|
|
<!-- <template slot-scope="scope">-->
|
|
<!-- <a type="text" size="small" @click="updateItemModal(scope.row)">编辑</a>-->
|
|
<!-- </template>-->
|
|
<!-- </el-table-column>-->
|
|
</el-table>
|
|
</el-tab-pane>
|
|
<!-- 文档页签 -->
|
|
<el-tab-pane label="文档" name="part_file">
|
|
<el-form label-position="top" style="margin-top: 5px; margin-left: 0px;">
|
|
<el-form :inline="true" label-position="top" style="margin-top: 5px">
|
|
<el-button type="primary" @click="uploadFile()">上传文件</el-button>
|
|
</el-form>
|
|
</el-form>
|
|
<el-table
|
|
:data="fileContentList"
|
|
:height="secondHeight"
|
|
border
|
|
v-loading="dataListLoading"
|
|
style="width: 100%; ">
|
|
<el-table-column
|
|
v-for="(item,index) in columnFileList" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed==''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column
|
|
fixed="right"
|
|
header-align="center"
|
|
align="center"
|
|
width="100"
|
|
label="操作">
|
|
<template slot-scope="scope">
|
|
<a @click="downloadFile(scope.row)">下载</a>
|
|
<a type="text" size="small" @click="deleteFile(scope.row)">删除</a>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
|
|
<!-- 材料属性值编辑模态框 -->
|
|
<el-dialog title="属性项目" :close-on-click-modal="false" v-drag :visible.sync="itemModalFlag" width="310px">
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="属性编码:">
|
|
<el-input v-model="itemData.propertiesItemNo" disabled style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item label="属性名称:">
|
|
<el-input v-model="itemData.itemDesc" disabled style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;">
|
|
<el-form-item label="文本值:">
|
|
<el-input v-if="!itemChooseFlag" v-model="itemData.textValue" :disabled="itemTextDisableFlag" type="text" style="width: 120px"></el-input>
|
|
<el-select v-if="itemChooseFlag" v-model="itemData.textValue" :disabled="itemTextDisableFlag" style="width: 120px" placeholder="请选择">
|
|
<el-option v-for="item in availableValueList" :key="index" :label="item.availableValue" :value="item.availableValue"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="数字值:">
|
|
<el-input v-if="!itemChooseFlag" v-model="itemData.numValue" :disabled="itemNumberDisableFlag" type="number" style="width: 120px"></el-input>
|
|
<el-select v-if="itemChooseFlag" v-model="itemData.numValue" :disabled="itemNumberDisableFlag" style="width: 120px" placeholder="请选择">
|
|
<el-option v-for="item in availableValueList" :key="index" :label="item.availableValue" :value="item.availableValue"></el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-form>
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button type="primary" @click="itemSaveData()">保存</el-button>
|
|
<el-button type="primary" @click="itemModalFlag=false">关闭</el-button>
|
|
</span>
|
|
</el-dialog>
|
|
|
|
<!-- 代理商模态框 -->
|
|
<el-dialog title="代理商清单" :close-on-click-modal="false" v-drag :visible.sync="agentModelFlag" width="520px">
|
|
<div class="rq">
|
|
<el-form :inline="true" label-position="top" :model="agentData">
|
|
<el-form-item :label="'代理商编码'">
|
|
<el-input v-model="agentData.agentId" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="'代理商名称'">
|
|
<el-input v-model="agentData.agentName" clearable style="width: 120px"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="' '">
|
|
<el-button type="primary" @click="getAgentList()">查询</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
<el-table
|
|
:height="300"
|
|
:data="agentList"
|
|
ref="agentTable"
|
|
@row-click="agentClickRow"
|
|
@selection-change="selectionAgent"
|
|
:row-key="getRowKeys"
|
|
border
|
|
v-loading="dataListLoading"
|
|
style="width: 100%;">
|
|
<el-table-column
|
|
type="selection"
|
|
header-align="center"
|
|
align="center"
|
|
:reserve-selection="true"
|
|
width="50">
|
|
</el-table-column>
|
|
<el-table-column
|
|
v-for="(item,index) in agentColumnList" :key="index"
|
|
:sortable="item.columnSortable"
|
|
:prop="item.columnProp"
|
|
:header-align="item.headerAlign"
|
|
:show-overflow-tooltip="item.showOverflowTooltip"
|
|
:align="item.align"
|
|
:fixed="item.fixed==''?false:item.fixed"
|
|
:min-width="item.columnWidth"
|
|
:label="item.columnLabel">
|
|
<template slot-scope="scope">
|
|
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span>
|
|
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
<el-footer style="height:40px;margin-top: 20px;text-align:center">
|
|
<el-button type="primary" @click="confirmAgent()">确认</el-button>
|
|
<el-button type="primary" @click="agentModelFlag = false">关闭</el-button>
|
|
</el-footer>
|
|
</el-dialog>
|
|
|
|
<!-- chooseList模态框 -->
|
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist>
|
|
|
|
<!-- 上传文件的modal -->
|
|
<partUploadFile ref="partUploadFile" @refreshPageTables="getFileContentData()" v-drag></partUploadFile>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
partInformationSearch, // 材料信息列表查询
|
|
partInformationSave, // 材料信息新增
|
|
partInformationEdit, // 材料信息编辑
|
|
partInformationDelete, // 材料信息删除
|
|
getPartItem, // 查询材料属性
|
|
savePartItemValue, // 编辑属性值
|
|
getAgentList, // 获取代理商列表
|
|
getPartAgent, // 获取材料代理商
|
|
} from '@/api/part/partInformation.js'
|
|
import {
|
|
getFileContentList, // 获取材料单附件列表
|
|
deleteQuotationFile, // 文件删除
|
|
downLoadQuotationFile // 文件下载
|
|
} from '@/api/quotation/quotationInformation.js'
|
|
import Chooselist from '@/views/modules/common/Chooselist'
|
|
import partUploadFile from "./part_upload_file"
|
|
export default {
|
|
components: {
|
|
Chooselist,
|
|
partUploadFile
|
|
},
|
|
watch: {
|
|
searchData: {
|
|
deep: true,
|
|
handler: function (newV, oldV) {
|
|
this.searchData.partNo = this.searchData.partNo.toUpperCase()
|
|
this.searchData.erpPartNo = this.searchData.erpPartNo.toUpperCase()
|
|
}
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
// 导出
|
|
exportData: [],
|
|
exportName: '物料档案管理' + this.dayjs().format('YYYYMMDDHHmmss'),
|
|
exportHeader: ['物料档案管理'],
|
|
exportFooter: [],
|
|
resultList: [],
|
|
// ======== 行高 ========
|
|
height: 200,
|
|
secondHeight: 200,
|
|
// ======== 分页 ========
|
|
pageIndex: 1,
|
|
pageSize: 50,
|
|
totalPage: 0,
|
|
selectedDataNum: 0,
|
|
// 条件查询
|
|
searchData: {
|
|
site: this.$store.state.user.site,
|
|
partNo: '',
|
|
erpPartNo: '',
|
|
startDate: '',
|
|
endDate: '',
|
|
partDesc: '',
|
|
spec: '',
|
|
page: 1,
|
|
limit: 10
|
|
},
|
|
// 其它
|
|
dataListLoading: false,
|
|
// 初始页签
|
|
activeTable: 'part_item',
|
|
// ======== 数据对象 ========
|
|
modalData: {
|
|
flag: '',
|
|
title: '',
|
|
site: this.$store.state.user.site,
|
|
partNo: '',
|
|
partDesc: '',
|
|
spec: '',
|
|
partTypeDb: '',
|
|
partType: '',
|
|
familyId: '',
|
|
familyName: '',
|
|
groupId: '',
|
|
groupName: '',
|
|
umId: '',
|
|
umName: '',
|
|
active: '',
|
|
remark: '',
|
|
supplierId: '',
|
|
supplierName: '',
|
|
productGroupId1: '',
|
|
productGroupName1: '',
|
|
productGroupId2: '',
|
|
productGroupName2: '',
|
|
productGroupId3: '',
|
|
productGroupName3: '',
|
|
productGroupId4: '',
|
|
productGroupName4: '',
|
|
erpPartNo: '',
|
|
codeNo: '',
|
|
codeDesc: '',
|
|
manufacturerId: '',
|
|
manufacturerName: '',
|
|
createDate: '',
|
|
createBy: '',
|
|
updateDate: '',
|
|
updateBy: '',
|
|
agentId: '',
|
|
agentName: ''
|
|
},
|
|
itemData:{
|
|
site: '',
|
|
partNo: '',
|
|
propertiesItemNo: '',
|
|
itemDesc: '',
|
|
textValue: '',
|
|
numValue: '',
|
|
recordType: 'B'
|
|
},
|
|
agentData: {
|
|
site: this.$store.state.user.site,
|
|
agentId: '',
|
|
agentName: '',
|
|
},
|
|
// ======== 数据列表 ========
|
|
dataList: [],
|
|
partItemList: [],
|
|
partAgentList: [],
|
|
fileContentList: [],
|
|
availableValueList:[],
|
|
agentList: [],
|
|
agentSelections: [],
|
|
// ======== 列表表头 ========
|
|
columnList: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1PartNo',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'partNo',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '材料编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 120
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1ERPPartNo',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'erpPartNo',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: 'ERP物料编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 120
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1PartDesc',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'partDesc',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '材料描述',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 120
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1Spec',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'spec',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '规格型号',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 120
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1UmId',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'umName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '计量单位',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 60
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1FamilyName',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'familyName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '材料分类1',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1GroupName',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'groupName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '材料分类2',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1OtherGroup1',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'productGroupName1',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '商品组1',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1OtherGroup2',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'productGroupName2',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '商品组2',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1OtherGroup3',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'productGroupName3',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '商品组3',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1OtherGroup4',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'productGroupName4',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '商品组4',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1ItemNo',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'codeDesc',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '属性模板',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 100
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1ManufacturerName',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'manufacturerName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '制造商',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 160
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1AgentName',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'agentName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '代理商',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 160
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1Remark',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'remark',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '备注',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 160
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1Active',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'active',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '是否在用',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 60
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1CreateDate',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'createDate',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '创建时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 160
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1CreateBy',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'createBy',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '创建人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1UpdateDate',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'updateDate',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '更新时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 160
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table1UpdateBy',
|
|
tableId: '104001Table1',
|
|
tableName: '材料信息表',
|
|
columnProp: 'updateBy',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '更新人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 80
|
|
}
|
|
],
|
|
columnItemList: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table2PropertiesItemID',
|
|
tableId: "104001Table2",
|
|
tableName: "材料属性表",
|
|
columnProp: 'propertiesItemNo',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '属性编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 90,
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table2PropertiesItemDesc',
|
|
tableId: "104001Table2",
|
|
tableName: "材料属性表",
|
|
columnProp: 'itemDesc',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '属性名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 90,
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table2ValueType',
|
|
tableId: "104001Table2",
|
|
tableName: "材料属性表",
|
|
columnProp: 'valueType',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '属性类型',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 70,
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table2ValueChooseFlag',
|
|
tableId: "104001Table2",
|
|
tableName: "材料属性表",
|
|
columnProp: 'textValue',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '文本值',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 70,
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table2ValueChooseFlag',
|
|
tableId: "104001Table2",
|
|
tableName: "材料属性表",
|
|
columnProp: 'numValue',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '数字值',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
columnWidth: 70,
|
|
},
|
|
],
|
|
columnAgentList: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3AgentId',
|
|
tableId: "104001Table3",
|
|
tableName: "材料代理商表",
|
|
columnProp: 'agentId',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '代理商编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3AgentName',
|
|
tableId: "104001Table3",
|
|
tableName: "材料代理商表",
|
|
columnProp: 'agentName',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '代理商名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: true,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3Active',
|
|
tableId: '104001Table3',
|
|
tableName: '材料代理商表',
|
|
columnProp: 'active',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '是否在用',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3CreateDate',
|
|
tableId: '104001Table3',
|
|
tableName: '材料代理商表',
|
|
columnProp: 'createDate',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '创建时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3CreateBy',
|
|
tableId: '104001Table3',
|
|
tableName: '材料代理商表',
|
|
columnProp: 'createBy',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '创建人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3UpdateDate',
|
|
tableId: '104001Table3',
|
|
tableName: '材料代理商表',
|
|
columnProp: 'updateDate',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '更新时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table3UpdateBy',
|
|
tableId: '104001Table3',
|
|
tableName: '材料代理商表',
|
|
columnProp: 'updateBy',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '更新人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
}
|
|
],
|
|
columnFileList: [
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table4FileName',
|
|
tableId: '104001Table4',
|
|
tableName: '文件信息表',
|
|
columnProp: 'fileName',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '文件名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table4FileRemark',
|
|
tableId: '104001Table4',
|
|
tableName: '文件信息表',
|
|
columnProp: 'fileRemark',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '备注',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table4CreateDate',
|
|
tableId: '104001Table4',
|
|
tableName: '文件信息表',
|
|
columnProp: 'createDate',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '上传时间',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
userId: this.$store.state.user.name,
|
|
functionId: 104001,
|
|
serialNumber: '104001Table4CreatedBy',
|
|
tableId: '104001Table4',
|
|
tableName: '文件信息表',
|
|
columnProp: 'createdBy',
|
|
headerAlign: 'center',
|
|
align: 'center',
|
|
columnLabel: '上传人',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
}
|
|
],
|
|
agentColumnList: [
|
|
{
|
|
columnProp: 'agentId',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '代理商编码',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
{
|
|
columnProp: 'agentName',
|
|
headerAlign: "center",
|
|
align: "center",
|
|
columnLabel: '代理商名称',
|
|
columnHidden: false,
|
|
columnImage: false,
|
|
columnSortable: false,
|
|
sortLv: 0,
|
|
status: true,
|
|
fixed: '',
|
|
},
|
|
],
|
|
// ======== 必填规则 ========
|
|
rules: {
|
|
partDesc: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
spec: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
umName: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
familyName: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
groupName: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
codeDesc: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
manufacturerName: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
active: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
agentName: [
|
|
{
|
|
required: true,
|
|
message: ' ',
|
|
trigger: 'change'
|
|
}
|
|
],
|
|
},
|
|
// ======== 复选数据集 ========
|
|
partSelections: [],
|
|
// ======== 选中的当前行数据 ========
|
|
partCurrentRow: {},
|
|
// ======== 模态框开关控制 ========
|
|
modalFlag: false,
|
|
modalDisableFlag: false,
|
|
itemChooseFlag: false,
|
|
itemTextDisableFlag: false,
|
|
itemNumberDisableFlag: false,
|
|
itemModalDisableFlag: false,
|
|
itemModalFlag: false,
|
|
agentModelFlag: false
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$nextTick(() => {
|
|
this.height = window.innerHeight / 2 - 30
|
|
/*第二个表格高度的动态调整*/
|
|
this.secondHeight = window.innerHeight / 2 - 206
|
|
})
|
|
},
|
|
created () {
|
|
this.getDataList()
|
|
},
|
|
methods: {
|
|
// ======== 分页相关方法 ========
|
|
/**
|
|
* 每页数
|
|
* @param val
|
|
*/
|
|
sizeChangeHandle (val) {
|
|
this.pageSize = val
|
|
this.pageIndex = 1
|
|
this.getDataList()
|
|
},
|
|
/**
|
|
* 当前页
|
|
* @param val
|
|
*/
|
|
currentChangeHandle (val) {
|
|
this.pageIndex = val
|
|
this.getDataList()
|
|
},
|
|
|
|
// ======== 页签切换相关方法 ========
|
|
/**
|
|
* 未知
|
|
* @returns {boolean}
|
|
*/
|
|
selectFlag () {
|
|
return true;
|
|
},
|
|
/**
|
|
* 列表表格选择替换
|
|
* @param tab
|
|
* @param event
|
|
*/
|
|
tabClick (tab, event) {
|
|
// 刷新列表数据
|
|
this.refreshCurrentTabTable()
|
|
},
|
|
/**
|
|
* 当前值发生变化的时候修改
|
|
* @param row
|
|
* @param oldRow
|
|
*/
|
|
changeCurrentRow (row, oldRow) {
|
|
// 判断是否是获取焦点的事件
|
|
if (row) {
|
|
this.partCurrentRow = JSON.parse(JSON.stringify(row))
|
|
//刷新当前页表
|
|
this.refreshCurrentTabTable()
|
|
}
|
|
},
|
|
/**
|
|
* 刷新页签的table数据
|
|
*/
|
|
refreshCurrentTabTable () {
|
|
if (this.activeTable === 'part_item') {
|
|
this.getPartItem()
|
|
} else if (this.activeTable === 'part_agent') {
|
|
this.getPartAgent()
|
|
} else if (this.activeTable === 'part_file') {
|
|
this.getFileContentData()
|
|
}
|
|
},
|
|
|
|
// ======== 列表数据刷新方法 ========
|
|
/**
|
|
* 查询材料属性
|
|
*/
|
|
getPartItem () {
|
|
let tempData = {
|
|
site: this.$store.state.user.site,
|
|
partNo: this.partCurrentRow.partNo,
|
|
codeNo: this.partCurrentRow.codeNo,
|
|
recordType: 'B'
|
|
}
|
|
getPartItem(tempData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.partItemList = data.rows
|
|
} else {
|
|
this.partItemList = []
|
|
}
|
|
})
|
|
},
|
|
/**
|
|
* 查询材料代理商
|
|
*/
|
|
getPartAgent () {
|
|
let tempData = {
|
|
site: this.$store.state.user.site,
|
|
partNo: this.partCurrentRow.partNo,
|
|
agentId: this.partCurrentRow.agentId
|
|
}
|
|
getPartAgent(tempData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.partAgentList = data.rows
|
|
} else {
|
|
this.partAgentList = []
|
|
}
|
|
})
|
|
},
|
|
|
|
// ======== 列表数据刷新方法 ========
|
|
/**
|
|
* 获取数据列表
|
|
*/
|
|
getDataList () {
|
|
this.searchData.limit = this.pageSize
|
|
this.searchData.page = this.pageIndex
|
|
partInformationSearch(this.searchData).then(({data}) => {
|
|
if (data.code === 0) {
|
|
this.dataList = data.page.list
|
|
this.pageIndex = data.page.currPage
|
|
this.pageSize = data.page.pageSize
|
|
this.totalPage = data.page.totalCount
|
|
this.$refs.selectDiv.setLengthAll( this.dataList.length)
|
|
// 判断是否全部存在数据
|
|
if(this.totalPage > 0){
|
|
// 设置选中行
|
|
this.$refs.partTable.setCurrentRow(this.dataList[0])
|
|
// 加载当前的页签的table
|
|
this.refreshCurrentTabTable()
|
|
this.partClickRow(this.dataList[0])
|
|
}
|
|
}
|
|
this.dataListLoading = false
|
|
})
|
|
},
|
|
|
|
// ======== 新增/编辑模态框 ========
|
|
/**
|
|
* 材料信息新增模态框
|
|
*/
|
|
addModal () {
|
|
this.modalData = {
|
|
flag: '1',
|
|
title: '材料新增',
|
|
site: this.$store.state.user.site,
|
|
partNo: '',
|
|
partDesc: '',
|
|
spec: '',
|
|
partTypeDb: '',
|
|
partType: '',
|
|
familyId: '',
|
|
familyName: '',
|
|
groupId: '',
|
|
groupName: '',
|
|
umId: '',
|
|
umName: '',
|
|
active: 'Y',
|
|
remark: '',
|
|
supplierId: '',
|
|
supplierName: '',
|
|
productGroupId1: '',
|
|
productGroupName1: '',
|
|
productGroupId2: '',
|
|
productGroupName2: '',
|
|
productGroupId3: '',
|
|
productGroupName3: '',
|
|
productGroupId4: '',
|
|
productGroupName4: '',
|
|
erpPartNo: '',
|
|
codeNo: '',
|
|
codeDesc: '',
|
|
manufacturerId: '',
|
|
manufacturerName: '',
|
|
agentId: '',
|
|
agentName: '',
|
|
createBy: this.$store.state.user.name
|
|
}
|
|
this.modalDisableFlag = false
|
|
this.modalFlag = true
|
|
},
|
|
/**
|
|
* 材料信息编辑模态框
|
|
* @param row
|
|
*/
|
|
updateModal (row) {
|
|
this.modalData = {
|
|
flag: '2',
|
|
title: '材料编辑',
|
|
site: row.site,
|
|
partNo: row.partNo,
|
|
partDesc: row.partDesc,
|
|
spec: row.spec,
|
|
partTypeDb: row.partTypeDb,
|
|
partType: row.partType,
|
|
familyId: row.familyId,
|
|
familyName: row.familyName,
|
|
groupId: row.groupId,
|
|
groupName: row.groupName,
|
|
umId: row.umId,
|
|
umName: row.umName,
|
|
active: row.active,
|
|
remark: row.remark,
|
|
supplierId: row.supplierId,
|
|
supplierName: row.supplierName,
|
|
productGroupId1: row.productGroupId1,
|
|
productGroupName1: row.productGroupName1,
|
|
productGroupId2: row.productGroupId2,
|
|
productGroupName2: row.productGroupName2,
|
|
productGroupId3: row.productGroupId3,
|
|
productGroupName3: row.productGroupName3,
|
|
productGroupId4: row.productGroupId4,
|
|
productGroupName4: row.productGroupName4,
|
|
erpPartNo: row.erpPartNo,
|
|
codeNo: row.codeNo,
|
|
codeDesc: row.codeDesc,
|
|
manufacturerId: row.manufacturerId,
|
|
manufacturerName: row.manufacturerName,
|
|
agentId: row.agentId,
|
|
agentName: row.agentName,
|
|
updateBy: this.$store.state.user.name
|
|
}
|
|
this.modalDisableFlag = true
|
|
this.modalFlag = true
|
|
},
|
|
|
|
/**
|
|
* 选择代理商
|
|
*/
|
|
getAgentList () {
|
|
// 先清空缓存选中
|
|
this.$nextTick(() => this.$refs.agentTable.clearSelection())
|
|
// 拿到选中的代理商id
|
|
let tempDataList = this.modalData.agentId.split(';')
|
|
// 查询所有代理商
|
|
getAgentList(this.agentData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.agentList = data.rows
|
|
this.agentList.forEach(val => {
|
|
// 回显选中的代理商
|
|
if (tempDataList.includes(val.agentId)) {
|
|
this.$nextTick(() => this.$refs.agentTable.toggleRowSelection(val, true))
|
|
}
|
|
})
|
|
this.agentModelFlag = true
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
},
|
|
/**
|
|
* 代理商多选
|
|
* @param row
|
|
*/
|
|
agentClickRow (row) {
|
|
this.$refs.agentTable.toggleRowSelection(row);
|
|
},
|
|
/**
|
|
* 获得选中的代理商
|
|
* @param val
|
|
*/
|
|
selectionAgent (val) {
|
|
this.agentSelections = val
|
|
},
|
|
/**
|
|
* 返回列表唯一值
|
|
* @param row
|
|
* @returns {string|[{trigger: string, message: string, required: boolean}]|*}
|
|
*/
|
|
getRowKeys (row) {
|
|
// 唯一值，一般都为id
|
|
return row.agentId;
|
|
},
|
|
/**
|
|
* 确认多选代理商
|
|
* @returns {boolean}
|
|
*/
|
|
confirmAgent () {
|
|
this.modalData.agentId = ''
|
|
this.modalData.agentName = ''
|
|
for (let i = 0; i < this.agentSelections.length; i++) {
|
|
this.modalData.agentId = this.modalData.agentId + ";" + this.agentSelections[i].agentId
|
|
this.modalData.agentName = this.modalData.agentName + ";" + this.agentSelections[i].agentName
|
|
}
|
|
this.modalData.agentId = this.modalData.agentId.substring(1)
|
|
this.modalData.agentName = this.modalData.agentName.substring(1)
|
|
this.agentModelFlag = false
|
|
},
|
|
|
|
// ======== 新增/编辑/删除方法 ========
|
|
/**
|
|
* 材料信息新增/编辑
|
|
*/
|
|
saveData () {
|
|
if (this.modalData.partDesc === '' || this.modalData.partDesc == null) {
|
|
this.$message.warning('请填写材料描述！')
|
|
return
|
|
}
|
|
if (this.modalData.spec === '' || this.modalData.spec == null) {
|
|
this.$message.warning('请填写规格型号！')
|
|
return
|
|
}
|
|
if (this.modalData.umId === '' || this.modalData.umId == null) {
|
|
this.$message.warning('请选择计量单位！')
|
|
return
|
|
}
|
|
if (this.modalData.familyId === '' || this.modalData.familyId == null) {
|
|
this.$message.warning('请选择分类！')
|
|
return
|
|
}
|
|
if (this.modalData.groupId === '' || this.modalData.groupId == null) {
|
|
this.$message.warning('请选择分组！')
|
|
return
|
|
}
|
|
if (this.modalData.codeNo === '' || this.modalData.codeNo == null) {
|
|
this.$message.warning('请选择属性模板！')
|
|
return
|
|
}
|
|
if (this.modalData.manufacturerId === '' || this.modalData.manufacturerId == null) {
|
|
this.$message.warning('请选择制造商！')
|
|
return
|
|
}
|
|
if (this.modalData.active === '' || this.modalData.active == null) {
|
|
this.$message.warning('请选择是否在用！')
|
|
return
|
|
}
|
|
if (this.modalData.agentId === '' || this.modalData.agentId == null) {
|
|
this.$message.warning('请选择代理商！')
|
|
return
|
|
}
|
|
if (this.modalData.flag === '1') {
|
|
partInformationSave(this.modalData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.getDataList()
|
|
this.modalFlag = false
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
partInformationEdit(this.modalData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.getDataList()
|
|
this.modalFlag = false
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
/**
|
|
* 材料信息删除
|
|
*/
|
|
delModal () {
|
|
if(this.partSelections.length === 0){
|
|
this.$message.warning('请勾选要删除的材料信息！')
|
|
return
|
|
}
|
|
this.$confirm(`是否删除这 `+ this.partSelections.length +` 条材料信息?`, '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
let tempData = {
|
|
informationList: this.partSelections
|
|
}
|
|
partInformationDelete(tempData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.getDataList()
|
|
this.partSelections = []
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
}).catch(() => {
|
|
})
|
|
},
|
|
|
|
// ======== 列表操作方法 ========
|
|
/**
|
|
* 单机选中材料信息
|
|
* @param row
|
|
*/
|
|
partClickRow (row) {
|
|
this.$refs.partTable.toggleRowSelection(row)
|
|
this.partCurrentRow = JSON.parse(JSON.stringify(row))
|
|
},
|
|
/**
|
|
* 复选材料信息
|
|
* @param val
|
|
*/
|
|
selectionPart (val) {
|
|
this.partSelections = val
|
|
this.$refs.selectDiv.setLengthselected(this.partSelections.length)
|
|
},
|
|
|
|
// ======== 属性页签相关方法 ========
|
|
/**
|
|
* 编辑属性值模态框
|
|
*/
|
|
updateItemModal (row) {
|
|
this.itemData = {
|
|
site: row.site,
|
|
partNo: row.partNo,
|
|
propertiesItemNo: row.propertiesItemNo,
|
|
itemDesc: row.itemDesc,
|
|
textValue: row.textValue,
|
|
numValue: row.numValue,
|
|
recordType: 'B'
|
|
}
|
|
this.availableValueList = row.availableValueList
|
|
if (row.valueChooseFlag === 'Y') {
|
|
this.itemChooseFlag = true
|
|
} else {
|
|
this.itemChooseFlag = false
|
|
}
|
|
this.itemTextDisableFlag = true
|
|
this.itemNumberDisableFlag = true
|
|
if (row.valueTypeDb !== 'T') {
|
|
this.itemNumberDisableFlag = false
|
|
} else {
|
|
this.itemTextDisableFlag = false
|
|
}
|
|
this.itemModalDisableFlag = true
|
|
this.itemModalFlag = true
|
|
},
|
|
/**
|
|
* 编辑属性值方法
|
|
* @returns {boolean}
|
|
*/
|
|
itemSaveData () {
|
|
if(this.itemData.partNo === '' || this.itemData.partNo == null){
|
|
this.$message.warning('未选择物料！')
|
|
return false
|
|
}
|
|
if(this.itemData.propertiesItemNo === ''|| this.itemData.propertiesItemNo == null){
|
|
this.$message.warning('未选择属性！')
|
|
return false
|
|
}
|
|
savePartItemValue(this.itemData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.itemModalFlag = false
|
|
this.getPartItem()
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
// ======== 附件的相关方法 ========
|
|
/**
|
|
* 获取材料附件列表
|
|
*/
|
|
getFileContentData () {
|
|
let currentData = {
|
|
orderRef1: this.$store.state.user.site,
|
|
orderRef2: this.partCurrentRow.partNo
|
|
}
|
|
getFileContentList(currentData).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.fileContentList = data.rows
|
|
} else {
|
|
this.fileContentList = []
|
|
}
|
|
})
|
|
},
|
|
/**
|
|
* 上传文件
|
|
*/
|
|
uploadFile () {
|
|
let currentData = {
|
|
titleCon: '材料附件上传',
|
|
site: this.$store.state.user.site,
|
|
createBy: this.$store.state.user.name,
|
|
partNo: this.partCurrentRow.partNo
|
|
}
|
|
//打开组件 去做新增业务
|
|
this.$nextTick(() => {
|
|
this.$refs.partUploadFile.init(currentData);
|
|
})
|
|
},
|
|
/**
|
|
* 文件删除
|
|
* @param row
|
|
*/
|
|
deleteFile (row) {
|
|
this.$confirm('确定要删除此文件?', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
}).then(() => {
|
|
deleteQuotationFile(row).then(({data}) => {
|
|
if (data && data.code === 0) {
|
|
this.getFileContentData()
|
|
this.$message({
|
|
message: '操作成功',
|
|
type: 'success',
|
|
duration: 1500,
|
|
onClose: () => {}
|
|
})
|
|
} else {
|
|
this.$alert(data.msg, '错误', {
|
|
confirmButtonText: '确定'
|
|
})
|
|
}
|
|
})
|
|
}).catch(() => {
|
|
})
|
|
},
|
|
/**
|
|
* 文件下载
|
|
* @param row
|
|
*/
|
|
downloadFile (row) {
|
|
downLoadQuotationFile(row).then(({data}) => {
|
|
// 不限制文件下载类型
|
|
const blob = new Blob([data], {type:'application/octet-stream;charset=utf-8'})
|
|
// 下载文件名称
|
|
const fileName = row.fileName
|
|
// a标签下载
|
|
const linkNode = document.createElement('a')
|
|
linkNode.download = fileName // a标签的download属性规定下载文件的名称
|
|
linkNode.style.display = 'none'
|
|
linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
|
|
document.body.appendChild(linkNode)
|
|
linkNode.click() // 模拟在按钮上的一次鼠标单击
|
|
URL.revokeObjectURL(linkNode.href) // 释放URL 对象
|
|
document.body.removeChild(linkNode)
|
|
})
|
|
},
|
|
|
|
// ======== chooseList相关方法 ========
|
|
/**
|
|
* 获取基础数据列表S
|
|
* @param val
|
|
* @param type
|
|
*/
|
|
getBaseList (val, type) {
|
|
this.tagNo = val
|
|
this.$nextTick(() => {
|
|
let strVal = ''
|
|
if (val === 107) {
|
|
strVal = this.modalData.umId
|
|
} else if (val === 108) {
|
|
strVal = this.modalData.familyId
|
|
} else if (val === 109) {
|
|
strVal = this.modalData.groupId
|
|
} else if (val === 110) {
|
|
strVal = this.modalData.productGroupId1
|
|
} else if (val === 111) {
|
|
strVal = this.modalData.productGroupId2
|
|
} else if (val === 112) {
|
|
strVal = this.modalData.productGroupId3
|
|
} else if (val === 113) {
|
|
strVal = this.modalData.productGroupId4
|
|
} else if (val === 114) {
|
|
strVal = this.modalData.manufacturerId
|
|
} else if (val === 20) {
|
|
strVal = this.modalData.codeNo
|
|
}
|
|
this.$refs.baseList.init(val, strVal)
|
|
})
|
|
},
|
|
/**
|
|
* 列表方法的回调
|
|
* @param val
|
|
*/
|
|
getBaseData (val) {
|
|
if (this.tagNo === 107) {
|
|
this.modalData.umId = val.um_id
|
|
this.modalData.umName = val.um_name
|
|
} else if (this.tagNo === 108) {
|
|
this.modalData.familyId = val.family_id
|
|
this.modalData.familyName = val.family_name
|
|
} else if (this.tagNo === 109) {
|
|
this.modalData.groupId = val.group_id
|
|
this.modalData.groupName = val.group_name
|
|
} else if (this.tagNo === 110) {
|
|
this.modalData.productGroupId1 = val.product_group_id
|
|
this.modalData.productGroupName1 = val.product_group_name
|
|
} else if (this.tagNo === 111) {
|
|
this.modalData.productGroupId2 = val.product_group_id
|
|
this.modalData.productGroupName2 = val.product_group_name
|
|
} else if (this.tagNo === 112) {
|
|
this.modalData.productGroupId3 = val.product_group_id
|
|
this.modalData.productGroupName3 = val.product_group_name
|
|
} else if (this.tagNo === 113) {
|
|
this.modalData.productGroupId4 = val.product_group_id
|
|
this.modalData.productGroupName4 = val.product_group_name
|
|
} else if (this.tagNo === 114) {
|
|
this.modalData.manufacturerId = val.manufacturer_id
|
|
this.modalData.manufacturerName = val.manufacturer_name
|
|
} else if (this.tagNo === 20) {
|
|
this.modalData.codeNo = val.Code_no
|
|
this.$set(this.modalData, 'codeDesc', val.Code_desc)
|
|
}
|
|
},
|
|
|
|
// ======== 导出相关方法 ========
|
|
/**
|
|
* 导出excel
|
|
*/
|
|
async createExportData () {
|
|
this.searchData.limit = -1
|
|
this.searchData.page = 1
|
|
await partInformationSearch(this.searchData).then(({data}) => {
|
|
this.resultList = data.page.list
|
|
})
|
|
return this.resultList
|
|
},
|
|
startDownload () {
|
|
},
|
|
finishDownload () {
|
|
},
|
|
fields () {
|
|
let json = '{'
|
|
this.columnList.forEach((item, index) => {
|
|
if (index == this.columnList.length - 1) {
|
|
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"'
|
|
} else {
|
|
json += '"' + item.columnLabel + '"' + ':' + '"' + item.columnProp + '"' + ','
|
|
}
|
|
})
|
|
json += '}'
|
|
let s = eval('(' + json + ')')
|
|
return s
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
/deep/ .customer-tab .el-tabs__content {
|
|
padding: 0px !important;
|
|
height: 459px;
|
|
}
|
|
/deep/ .customer-tab .el-tabs__content {
|
|
height: 294px;
|
|
}
|
|
</style>
|
|
|