| | |
| | | <template> |
| | | <div class="rightContent"> |
| | | <div class="top"> |
| | | <SearchCommonView :add-title="'新建'" :showAdd="false" :placeholder="'请根据单号、产品、业务类型进行搜索'" :amount-view="false" |
| | | @addCommonClick="addBtnClick" @searchClick="getList" /> |
| | | <SearchCommonView :add-title="'新建'" :showAdd="false" :placeholder="'请根据单号、产品、业务类型进行搜索'" :amount-view="false" :showDownload="true" |
| | | @downloadClick="downHttpClick" @addCommonClick="addBtnClick" @searchClick="getList" /> |
| | | </div> |
| | | <div class="list-view"> |
| | | <div class="table"> |
| | | <TableCommonView ref="tableListRef" :table-list="tableList" @selTableCol="selTableCol" |
| | | @tableRowClick="tableRowClick"></TableCommonView> |
| | | @tableRowClick="tableRowClick"> |
| | | <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 :workType="workType" v-if="editConfig.visible" :edit-common-config="editConfig" :add-name="this.$route.params.name" /> |
| | | <AddOverviewDialog :workType="workType" |
| | | v-if="editConfig.visible" |
| | | :edit-common-config="editConfig" |
| | | :add-name="this.$route.params.name" /> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | // import AddOverviewDialog from "@/views/reportForm/outboundDetail/AddOutboundDetailDialog.vue" |
| | | 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: "outboundDetail", |
| | | props: {}, |
| | |
| | | computed: {}, |
| | | data() { |
| | | return { |
| | | unitList:[], |
| | | workType:2, |
| | | tableList: {}, |
| | | showcol: ["状态"], |
| | |
| | | sessionStorage.setItem("paramsList", JSON.stringify(params)) |
| | | } |
| | | this.params = params |
| | | this.getData() |
| | | 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({ |
| | | page: this.pagerOptions.currPage, |
| | | pageSize: this.pagerOptions.pageSize, |
| | | keyword:this.keyword, |
| | | baseOperationType:2 |
| | | }).then(res => { |
| | | if (res) { |
| | | FileSaver.saveAs(res, '出库明细报表.xlsx'); |
| | | this.$message.success("下载成功!"); |
| | | } |
| | | }) |
| | | }, 1000), |
| | | setTable() { |
| | | this.tableList = { |
| | | tableInfomation: [], |
| | |
| | | isShowColumn: true, |
| | | default: true |
| | | }, |
| | | { |
| | | /*{ |
| | | label: "数量", |
| | | prop: "amount", |
| | | isShowColumn: true, |
| | |
| | | prop: "unit", |
| | | isShowColumn: true, |
| | | default: true |
| | | }, |
| | | },*/ |
| | | { |
| | | label: "重量", |
| | | prop: "weight", |
| | |
| | | }, |
| | | // 行点击 |
| | | async tableRowClick(row) { |
| | | await getOperationInfo(row.operationId).then((res)=>{ |
| | | this.editConfig.infomation = { ...res.data } |
| | | }) |
| | | await getOperationInfo(row.operationId).then(({data})=>{ |
| | | data.details.map((item) => { |
| | | item.fromLocationId = item.fromLocation.name; |
| | | item.toLocationId = item.toLocation.name; |
| | | item.relAmount=item.amount; |
| | | item.amount=item.stockAmount; |
| | | }); |
| | | this.editConfig.infomation = { ...data } |
| | | }); |
| | | this.editConfig.visible = true |
| | | this.editConfig.title = "查看" |
| | | }, |