wilson
/
ccl-lnj-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

物料查询和库存查询1

master
wenkuan.shi 2 years ago
parent
89504de2d4
commit
b0ee4b3ae4
1 changed files with 734 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 734
      src/views/modules/material/seekByNum.vue

734
src/views/modules/material/seekByNum.vue
View File

@ -0,0 +1,734 @@
<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="'库位编码:'">
<el-input v-model="searchData.locationId" clearable style="width: 120px"></el-input>
</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.rollNo" clearable style="width: 120px"></el-input>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="出入库类型:">-->
<!-- <el-select v-model="searchData.transType" placeholder="请选择" clearable style="width: 120px">-->
<!-- <el-option-->
<!-- v-for="i in findByNum"-->
<!-- :key ="i.transType"-->
<!-- :label="i.transType"-->
<!-- :value="i.transType">-->
<!-- </el-option>-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item :label="' '">
<el-button v-if="!authSearch" type="primary" @click="getDataList()">查询</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&#45;&#45;primary el-button&#45;&#45;medium">-->
<!-- {{ "导出" }}-->
<!-- </download-excel>-->
</el-form-item>
</el-form>
<!-- 展示列表 -->
<el-table
:height="height"
:data="dataList"
@row-click="changeData"
border
style="width: 100%;">
<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"
: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>
<el-tabs style="font-size: 12px;min-height: 200px" class="customer-tab" v-model="activeName" type="border-card" @tab-click="tabClick">
<el-tab-pane label="卷明细" name="detail">
<el-table
:data="dataList2"
:height="height"
border
style="width: 100%; ">
<el-table-column
v-for="(item,index) in columnList2" :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>
</el-tab-pane>
</el-tabs>
<el-pagination
@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>
</div>
</template>
<script>
import {
findByNum, // 检验方法查询
// saveLocation, // 检验方法新增
// updateLocation, // 检验方法修改
// deleteLocation, // 检验方法删除
// findByWarehouse, //查询库区
// inspectionTypeSearch, // 搜索所有检验类型
// // getSiteAndBuByUserName
} from "@/api/material/seekByTrans.js"
// import {getTableDefaultListLanguage, getTableUserListLanguage} from "@/api/table.js"
// import {userFavoriteList, saveUserFavorite, removeUserFavorite} from '@/api/userFavorite.js'
export default {
data () {
return {
wareHouseList:'',
// 是否收藏
favorite: false,
// 导出 start
exportData: [],
exportName: "检验方法" + this.dayjs().format('YYYYMMDDHHmmss'),
exportHeader: ["检验方法"],
exportFooter: [],
exportList: [],
warehouseData: {
id:'',
site: '',
},
// 导出 end
searchData: {
transNo:'',
site: '',
userName: this.$store.state.user.name,
transDate: '',
warehouseID: '',
rollNo: '',
partNo: '',
partDesc: '',
transQty: '',
batchNo: '',
locationID: '',
wdrNo: '',
manufactureDate: '',
orderRef1: '',
receiver: '',
enterDate: '',
transType: '',
page: 1,
limit: 10,
},
pageIndex: 1,
pageSize: 20,
totalPage: 0,
height: 200,
dataList: [],
dataList2:[],
dataListLoading: false,
modalFlag: false,
modalDisableFlag: false,
modalData: {
site: '',
warehouseId: '',
locationId: '',
active: 'Y',
locationName: '',
creator: this.$store.state.user.name,
// updateBy: this.$store.state.user.name,
locationDescription: '',
keeper: '',
remarks: '',
createTime: '',
},
// 标头展示
columnList: [
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableWarehouseId',
tableId: "200003Table",
tableName: "仓位编码",
columnWidth: 150,
columnProp: 'warehouseID',
headerAlign: 'center',
align: "center",
columnLabel: '仓位编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TablePartNo',
tableId: "200003Table",
tableName: "物料编码",
columnWidth: 150,
columnProp: 'partNo',
headerAlign: 'center',
align: "left",
columnLabel: '物料编码',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TablePartDesc',
tableId: "200003Table",
tableName: "料号描述",
columnWidth: 150,
columnProp: 'partDesc',
headerAlign: 'center',
align: "center",
columnLabel: '料号描述',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableTransQty',
tableId: "200003Table",
tableName: "出入库数量",
columnWidth: 150,
columnProp: 'transQty',
headerAlign: 'center',
align: "center",
columnLabel: '出入库数量',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableBatchNo',
tableId: "200003Table",
tableName: "批号",
columnWidth: 150,
columnProp: 'batchNo',
headerAlign: 'center',
align: "center",
columnLabel: '批号',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableLocationID',
tableId: "200003Table",
tableName: "库位",
columnWidth: 150,
columnProp: 'locationID',
headerAlign: 'center',
align: "center",
columnLabel: '库位',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableWdrNo',
tableId: "200003Table",
tableName: "W/D/R",
columnWidth: 150,
columnProp: 'wdrNo',
headerAlign: 'center',
align: "center",
columnLabel: 'W/D/R',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableManufactureDate',
tableId: "200003Table",
tableName: "生产日期",
columnWidth: 150,
columnProp: 'manufactureDate',
headerAlign: 'center',
align: "center",
columnLabel: '生产日期',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableEnterDate',
tableId: "200003Table",
tableName: "录入时间",
columnWidth: 150,
columnProp: 'enterDate',
headerAlign: 'center',
align: "center",
columnLabel: '录入时间',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableExpiredDate',
tableId: "200003Table",
tableName: "失效日期",
columnWidth: 150,
columnProp: 'expiredDate',
headerAlign: 'center',
align: "center",
columnLabel: '录入人',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
],
columnList2:[
{
userId: this.$store.state.user.name,
functionId: 200003,
serialNumber: '200003TableTransType',
tableId: "200003Table",
tableName: "出入库类型",
columnWidth: 150,
columnProp: 'transType',
headerAlign: 'center',
align: "center",
columnLabel: '出入库类型',
columnHidden: false,
columnImage: false,
columnSortable: false,
sortLv: 0,
status: true,
fixed: '',
},
],
rules: {
},
options: [],
userBuList: [],
authSearch: false,
authSave: false,
authUpdate: false,
authDelete: false,
menuId: this.$route.meta.menuId,
}
},
mounted () {
this.$nextTick(() => {
this.height = window.innerHeight - 180
})
},
//页面加载前初始化着两个方法
created () {
this.getDataList()
//this.getWareHouseList()
},
methods: {
// 获取用户的bu
getSiteAndBuByUserName () {
let tempData = {
username: this.$store.state.user.name,
}
getSiteAndBuByUserName(tempData).then(({data}) => {
if (data.code === 0) {
this.userBuList = data.rows
}
})
},
//根据warehouse查询warehouseId
getWareHouseList (){
findByWarehouse(``).then(({data}) =>{
this.wareHouseList=data.rows
}
)
},
// 查询获取数据列表
getDataList (){
this.searchData.limit = this.pageSize
this.searchData.page = this.pageIndex
findByNum(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
}
})
},
// 每页数
sizeChangeHandle (val) {
this.pageSize = val
this.pageIndex = 1
this.getDataList()
},
// 当前页
currentChangeHandle (val) {
this.pageIndex = val
this.getDataList()
},
// // 新增按钮
// addModal () {
// this.modalData = {
// flag: '1',
// site: '',
// creator: this.$store.state.user.name,
// locationId: '',
// locationName: '',
// active: 'Y',
// warehouseId: '',
// locationDescription: '',
// keeper: '',
// remarks: '',
// }
// this.modalDisableFlag = false
// this.modalFlag = true
// },
// // 修改按钮
// updateModal (row) {
// this.modalData = {
// flag: '2',
// id:row.id,
// site: row.site,
// creator: this.$store.state.user.name,
// warehouseId: row.warehouseId,
// locationId: row.locationId,
// active: row.active,
// locationName: row.locationName,
// locationDescription: row.locationDescription,
// keeper: row.keeper,
// remarks: row.remarks,
// }
// this.modalDisableFlag = true
// this.modalFlag = true
// },
// 删除方法
// deleteModal (row) {
// this.$confirm(`是否删除这个检验方法?`, '提示', {
// confirmButtonText: '确定',
// cancelButtonText: '取消',
// type: 'warning'
// }).then(() => {
// deleteLocation(row).then(({data}) => {
// if (data && data.code === 0) {
// this.getDataList()
// this.$message({
// message: '操作成功',
// type: 'success',
// duration: 1500,
// onClose: () => {}
// })
// } else {
// this.$alert(data.msg, '错误', {
// confirmButtonText: '确定'
// })
// }
// })
// }).catch(() => {
// })
// },
// 新增/修改方法
// saveData () {
// if (this.modalData.site === '' || this.modalData.site == null) {
// this.$message.warning('请输入工厂编码！')
// return
// }
// if (this.modalData.warehouseId === '' || this.modalData.warehouseId == null) {
// this.$message.warning('请选择仓库编码！')
// return
// }
// if(this.modalData.locationName === ''|| this.modalData.locationName == null){
// this.$message.warning('请输入库位名称！')
// return
// }
// if(this.modalData.locationId === ''|| this.modalData.locationId == null){
// this.$message.warning('请输入库位编码！')
// return
// }
// if (this.modalData.flag === '1') { // 新增
// saveLocation(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 { // 修改
// updateLocation(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: '确定'
// })
// }
// })
// }
// },
// 查询检验类型
inspectionTypeSearch () {
let tempData = {
site: this.$store.state.user.site
}
inspectionTypeSearch(tempData).then(({data}) => {
if (data.code === 0) {
this.options = data.rows
}
})
},
// 校验用户是否收藏
favoriteIsOk () {
let userFavorite = {
userId: this.$store.state.user.id,
languageCode: this.$i18n.locale
}
userFavoriteList(userFavorite).then(({data}) => {for (let i = 0; i < data.list.length; i++) {
if(this.$route.meta.menuId === data.list[i].menuId){
this.favorite = true
}
}
})
},
// 收藏 OR 取消收藏
favoriteFunction () {
let userFavorite = {
userId: this.$store.state.user.id,
functionId: this.$route.meta.menuId,
}
if (this.favorite) {
removeUserFavorite(userFavorite).then(({data}) => {
this.$message.success(data.msg)
this.favorite = false
})
} else {
// 收藏
saveUserFavorite(userFavorite).then(({data}) => {
this.$message.success(data.msg)
this.favorite = true
})
}
},
//导出excel
async createExportData() {
this.searchData.limit = -1
this.searchData.page = 1
await findByNum(this.searchData).then(({data}) => {
this.exportList= data.rows
})
return this.exportList
},
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
},
// 动态列开始 获取 用户保存的 格式列
async getTableUserColumn (tableId, columnId) {
let queryTableUser = {
userId: this.$store.state.user.name,
functionId: this.$route.meta.menuId,
tableId: tableId,
status: true,
languageCode: this.$i18n.locale
}
await getTableUserListLanguage(queryTableUser).then(({data}) => {
if (data.rows.length > 0) {
//this.columnList1 = []
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.columnDetailList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
this.getColumnList(tableId, columnId)
}
})
},
// 获取 tableDefault 列
async getColumnList (tableId, columnId) {
let queryTable = {
functionId: this.$route.meta.menuId,
tableId: tableId,
languageCode: this.$i18n.locale
}
await getTableDefaultListLanguage(queryTable).then(({data}) => {
if (!data.rows.length == 0) {
switch (columnId) {
case 1:
this.columnList = data.rows
break;
// case 2:
// this.columnDetailList = data.rows
// break;
// case 3:
// this.columnList2 = data.rows
// break;
// case 4:
// this.columnList3 = data.rows
// break;
}
} else {
// this.showDefault = true.
}
})
},
//获取按钮的权限数据
getButtonAuthData () {
let searchFlag = this.isAuth(this.menuId+":search")
let saveFlag = this.isAuth(this.menuId+":save")
let updateFlag = this.isAuth(this.menuId+":update")
let deleteFlag = this.isAuth(this.menuId+":delete")
//处理页面的权限数据
this.authSearch = !searchFlag
this.authSave = !saveFlag
this.authUpdate = !updateFlag
this.authDelete = !deleteFlag
},
}
}
</script>
Write Preview
Loading…
Cancel
Save