| | |
| | | :showAdd="false" |
| | | :placeholder="'请根据单号、产品、业务类型进行搜索'" |
| | | :amount-view="false" |
| | | :inputName="params.keyWord" |
| | | :showDownload="true" |
| | | @downloadClick="downHttpClick" |
| | | @addCommonClick="addBtnClick" |
| | | @searchClick="getList" |
| | | /> |
| | |
| | | :table-list="tableList" |
| | | @selTableCol="selTableCol" |
| | | @tableRowClick="tableRowClick" |
| | | ></TableCommonView> |
| | | > |
| | | <template slot="tableButton"> |
| | | <el-table-column label="数量" prop='amount'> |
| | | <el-table-column v-for="unit in unitList" :label="unit.name" prop='amount' min="90"> |
| | | <template slot-scope="scope"> |
| | | {{getUnitValue(scope.row.amountMoreUnits,unit.name,scope.row.amount,scope.row.unit)}} |
| | | </template> |
| | | </el-table-column> |
| | | <!--<el-table-column label="件" prop='amount' min="90"> |
| | | <template slot-scope="scope"> |
| | | {{getUnitValue(scope.row.amountMoreUnits,'件',scope.row.amount,scope.row.unit)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="匹" prop='amount' min="90"> |
| | | <template slot-scope="scope"> |
| | | {{getUnitValue(scope.row.amountMoreUnits,'匹',scope.row.amount,scope.row.unit)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="米数" prop='amount' min="90"> |
| | | <template slot-scope="scope"> |
| | | {{getUnitValue(scope.row.amountMoreUnits,'米数',scope.row.amount,scope.row.unit)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="重量" prop='amount' min="90"> |
| | | <template slot-scope="scope"> |
| | | {{getUnitValue(scope.row.beginMoreUnitsArr,'重量',scope.row.beginAmount,scope.row.unit)}} |
| | | </template> |
| | | </el-table-column>--> |
| | | </el-table-column> |
| | | </template> |
| | | </TableCommonView> |
| | | </div> |
| | | <div class="btn-pager"> |
| | | <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" /> |
| | | </div> |
| | | </div> |
| | | <!-- 编辑 --> |
| | | <AddOverviewDialog v-if="editConfig.visible" :edit-common-config="editConfig" :add-name="this.$route.params.name" /> |
| | | <!-- 查看/编辑 --> |
| | | <AddOverviewDialog |
| | | v-if="editConfig.visible" |
| | | :edit-common-config="editConfig" |
| | | :add-name="this.$route.params.name" |
| | | /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import pageMixin from "@/components/makepager/pager/mixin/pageMixin" |
| | | import { getHistory } from "@/api/reportForm/inventoryRwport" |
| | | import { getHistory,getOperationInfo } from "@/api/reportForm/inventoryRwport" |
| | | // import { getProductOperatonList } from "@/api/product/product" |
| | | |
| | | import AddOverviewDialog from "@/views/overview/AddOverviewDialog" |
| | | |
| | | import { getDataByType } from "@/api/data" |
| | | import { downloadHistory } from "@/api/downFile" |
| | | import FileSaver from 'file-saver' |
| | | import _ from 'lodash' |
| | | import { getUnitInfo } from "@/api/basic/standard"; |
| | | export default { |
| | | name: "InboundOutboundDetail", |
| | | props: {}, |
| | |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | | unitList:[], |
| | | tableList: {}, |
| | | showcol: ["状态"], |
| | | searchOptions: [], |
| | |
| | | title: "新建", |
| | | infomation: {} |
| | | }, |
| | | params: {} |
| | | params: {}, |
| | | baseOperationTypeList:getDataByType("baseOperationTypeTwo"), |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | sessionStorage.setItem("paramsList", JSON.stringify(params)) |
| | | } |
| | | this.params = params |
| | | console.log(this.params) |
| | | this.getData() |
| | | console.log(this.params,'====111') |
| | | this.getData(); |
| | | this.getUnitInfo(); |
| | | }, |
| | | // 页面销毁之前 |
| | | beforeDestroy() { |
| | | sessionStorage.removeItem("paramsList") |
| | | }, |
| | | methods: { |
| | | async getUnitInfo(){ |
| | | const { code,data }=await getUnitInfo(); |
| | | if(code===200){ |
| | | this.unitList=data; |
| | | } |
| | | }, |
| | | getUnitValue(list,val,num,unit){ |
| | | let string='--' |
| | | if(list){ |
| | | if(list.length>0){ |
| | | for(let i in list){ |
| | | if(list[i].unit==val){ |
| | | string=list[i].amount |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | if(unit==val){ |
| | | string=num |
| | | } |
| | | return string |
| | | }, |
| | | // 下载 |
| | | downHttpClick: _.debounce(function(){ |
| | | downloadHistory({ |
| | | keyWord:this.params.keyWord, |
| | | page: this.pagerOptions.currPage, |
| | | pageSize: this.pagerOptions.pageSize, |
| | | baseOperationType:1 |
| | | }).then(res => { |
| | | if (res) { |
| | | FileSaver.saveAs(res, '入库明细报表.xlsx'); |
| | | this.$message.success("下载成功!"); |
| | | } |
| | | }) |
| | | }, 1000), |
| | | setTable() { |
| | | this.tableList = { |
| | | tableInfomation: [], |
| | |
| | | prop: "date", |
| | | isShowColumn: true, |
| | | default: true, |
| | | date: true |
| | | // date: true |
| | | }, |
| | | { |
| | | label: "单号", |
| | |
| | | default: true |
| | | }, |
| | | { |
| | | label: "业务类型", |
| | | prop: "baseOperationType", |
| | | label: "产品编码", |
| | | prop: "productId", |
| | | isShowColumn: true, |
| | | default: true |
| | | }, |
| | | { |
| | | label: "业务类型", |
| | | prop: "operationTypeName", |
| | | isShowColumn: true, |
| | | default: true, |
| | | // conversion: true, |
| | | // getStatus: this.getBaseOperationTypeList |
| | | }, |
| | | { |
| | | label: "从", |
| | |
| | | isShowColumn: true, |
| | | default: true |
| | | }, |
| | | { |
| | | /*{ |
| | | label: "数量", |
| | | prop: "amount", |
| | | isShowColumn: true, |
| | |
| | | { |
| | | label: "单位", |
| | | prop: "unit", |
| | | isShowColumn: true, |
| | | default: true |
| | | },*/ |
| | | { |
| | | label: "重量", |
| | | prop: "weight", |
| | | isShowColumn: true, |
| | | default: true |
| | | }, |
| | |
| | | this.showcol = val |
| | | this.tableList.tableColumn = this.setTableColumn(val) |
| | | }, |
| | | getBaseOperationTypeList(val){ |
| | | let string = "--" |
| | | if (val) { |
| | | for (let i in this.baseOperationTypeList) { |
| | | if (this.baseOperationTypeList[i].id == val) { |
| | | return this.baseOperationTypeList[i].name |
| | | } |
| | | } |
| | | } |
| | | return string |
| | | }, |
| | | // 库存报表跳转请求数据 |
| | | async getData() { |
| | | if (this.params.name === "报表") { |
| | |
| | | page: this.pagerOptions.currPage, |
| | | pageSize: this.pagerOptions.pageSize |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | this.tableList.tableInfomation = res.data |
| | | this.pagerOptions.totalCount = res.total |
| | | if (res.code === 200&&res.data) { |
| | | res.data.map((item)=>{ |
| | | let dateObject = new Date(item.date); |
| | | let formattedDateString = dateObject.toISOString().split('T')[0]; |
| | | item.date=formattedDateString |
| | | }) |
| | | this.tableList.tableInfomation = res.data||[] |
| | | }else{ |
| | | this.tableList.tableInfomation = res.data||[] |
| | | } |
| | | this.pagerOptions.totalCount = res.total |
| | | }) |
| | | } else { |
| | | // await getProductOperatonList({ |
| | | // productId: this.params.id, |
| | | // page: this.pagerOptions.currPage, |
| | | // pageSize: this.pagerOptions.pageSize |
| | | // }).then((res) => { |
| | | // if (res.code === 200) { |
| | | // const list = res.data.map((item) => { |
| | | // return { |
| | | // ...item, |
| | | // fromLocation: item.fromLocation.name, |
| | | // toLocation: item.toLocation.name, |
| | | // productName: this.params.name, |
| | | // amount: item.details[0].product.amount, |
| | | // unit: item.details[0].product.unit |
| | | // } |
| | | // }) |
| | | // this.tableList.tableInfomation = list || [] |
| | | // this.pagerOptions.totalCount = res.total |
| | | // } |
| | | // }) |
| | | await getHistory({ |
| | | baseOperationType:1, |
| | | keyWord:this.params.keyWord, |
| | | page: this.pagerOptions.currPage, |
| | | pageSize: this.pagerOptions.pageSize |
| | | }).then((res) => { |
| | | if (res.code === 200) { |
| | | // let arr=[] |
| | | if (res.code === 200&&res.data) { |
| | | res.data.map((item)=>{ |
| | | if(item.baseOperationType===1){ |
| | | item.baseOperationType="收货" |
| | | }else if(item.baseOperationType===2){ |
| | | item.baseOperationType="交货" |
| | | }else if(item.baseOperationType===3){ |
| | | item.baseOperationType="内部调拨" |
| | | }else if(item.baseOperationType===4){ |
| | | item.baseOperationType="报废" |
| | | }else if(item.baseOperationType===5){ |
| | | item.baseOperationType="库存盘点" |
| | | } |
| | | if(item.status===""){ |
| | | item.status=4 |
| | | } |
| | | let dateObject = new Date(item.date); |
| | | let formattedDateString = dateObject.toISOString().split('T')[0]; |
| | | item.date=formattedDateString |
| | | }) |
| | | this.tableList.tableInfomation = res.data |
| | | this.pagerOptions.totalCount = res.total |
| | | this.tableList.tableInfomation = res.data||[] |
| | | }else{ |
| | | this.tableList.tableInfomation = res.data||[] |
| | | } |
| | | this.pagerOptions.totalCount = res.total |
| | | }) |
| | | } |
| | | }, |
| | | // 搜索 |
| | | getList(val) { |
| | | console.log(val) |
| | | // getHistory({ |
| | | // page: this.pagerOptions.currPage, |
| | | // pageSize: this.pagerOptions.pageSize |
| | | // }).then((res) => { |
| | | // if (res.code === 200) { |
| | | // this.tableList.tableInfomation = res.data |
| | | // this.pagerOptions.totalCount = res.total |
| | | // } |
| | | // }) |
| | | this.params.keyWord=val; |
| | | this.getData() |
| | | }, |
| | | // 行点击 |
| | | tableRowClick(row) { |
| | | console.log(row, "行row") |
| | | async tableRowClick(row) { |
| | | console.log(row,"看看row") |
| | | // window.sessionStorage.sessionStorage.setItem('paramsData', { |
| | | // // name: "拼夕夕仓库-出库", |
| | | // workType: row.baseOperationType, |
| | | // id: row.operationId, |
| | | // // code: "PX" |
| | | // }); |
| | | |
| | | await getOperationInfo(row.operationId).then((res)=>{ |
| | | res.data.location=res.data.toLocation.id; |
| | | res.data.toLocation=res.data.toLocation.id; |
| | | res.data.details.forEach(item=>{ |
| | | item.toLocationId=item.toLocation.name; |
| | | }) |
| | | this.editConfig.infomation = { ...res.data,workType:res.baseOperationType } |
| | | }) |
| | | this.editConfig.visible = true |
| | | this.editConfig.title = "查看" |
| | | this.editConfig.infomation = { ...row } |
| | | }, |
| | | // 新建 |
| | | addBtnClick() { |
| | |
| | | }, |
| | | // 状态 |
| | | getStatus(val) { |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" : "完成" |
| | | return val === 1 ? "草稿" : val === 3 ? "就绪" : val===4?"完成":val===5?"已取消":" " |
| | | } |
| | | } |
| | | } |