|
@@ -24,37 +24,63 @@
|
|
|
@on-change="changePage"
|
|
|
></my-table>
|
|
|
</TabPane>
|
|
|
- <TabPane label="领料序时簿" name="3">
|
|
|
+ <TabPane label="* 领料序时簿" name="3">
|
|
|
<div style="overflow: hidden;">
|
|
|
+ <Button :type="params7.materialType ? 'default' : 'primary'" @click.native="getAlldata">全部</Button>
|
|
|
<date-select v-model="params7" @change="selectTime"></date-select>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="total-warp">
|
|
|
<div class="left-total" style="padding-right: 1px">
|
|
|
- <div class="total-header">
|
|
|
+ <div class="total-header" @click="dataModalTypeFn">
|
|
|
<div class="title">面料</br>领用</div>
|
|
|
<div>卷数</br><span>{{pickingStatisticsData.fabricStatistics.total}}</span></div>
|
|
|
<div>米数</br><span>{{pickingStatisticsData.fabricStatistics.length}}</span></div>
|
|
|
<div>面积</br><span>{{pickingStatisticsData.fabricStatistics.measureArea}}</span></div>
|
|
|
<div>金额</br><span>{{pickingStatisticsData.fabricStatistics.money}}</span></div>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <Table height="200" size="small" :columns="columns7" :data="data7"></Table>
|
|
|
+ <div v-if="dataModalType">
|
|
|
+ <Table height="175"
|
|
|
+ @on-expand="expandChange"
|
|
|
+ @on-row-click="moshuiTbleLineCk2"
|
|
|
+ :columns="columns7"
|
|
|
+ :row-class-name="rowClassName"
|
|
|
+ :data="data7">
|
|
|
+ </Table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right-total">
|
|
|
- <div class="total-header">
|
|
|
+ <div class="total-header" @click="dataModalTypeFn">
|
|
|
<div class="title">墨水</br>领用</div>
|
|
|
<div>件数</br><span>{{pickingStatisticsData.inkStatistics.total}}</span></div>
|
|
|
<div>公斤</br><span>{{pickingStatisticsData.inkStatistics.weight}}</span></div>
|
|
|
<div>金额</br><span>{{pickingStatisticsData.inkStatistics.money}}</span></div>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <Table height="200" :columns="columns8" :data="data8"></Table>
|
|
|
+ <div v-if="dataModalType">
|
|
|
+ <Table height="175" @on-row-click="moshuiTbleLineCk" :row-class-name="(row,index)=>rowClassName2('moshui',row,index)" :columns="columns8" :data="data8"></Table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <Table height="200" :columns="columns3" :data="data3"></Table> -->
|
|
|
- <div style="height:calc(100vh - 516px)">
|
|
|
+ <div class="h2">
|
|
|
+ 领料详情<span v-if="selectMaterialProperties">-{{selectMaterialProperties}}<span v-if="selectUserName">-{{selectUserName}}</span></span>
|
|
|
+ </div>
|
|
|
+ <div style="margin:10px 0">
|
|
|
+ <RadioGroup v-model="params7.type" @on-change="radioChange">
|
|
|
+ <Radio label="0">全部
|
|
|
+ (<span style="color:red">
|
|
|
+ {{radioTotal.cancellingStocks*1 + radioTotal.exWarehouse*1 + radioTotal.supplementaryDelivery*1}}
|
|
|
+ </span>)
|
|
|
+ </Radio>
|
|
|
+ <Radio label="20">正常出库(<span style="color:red">{{radioTotal.exWarehouse}}</span>)</Radio>
|
|
|
+ <Radio label="23">补出库(<span style="color:red">{{radioTotal.supplementaryDelivery}}</span>)</Radio>
|
|
|
+ <Radio label="15">退库(<span style="color:red">{{radioTotal.cancellingStocks}}</span>)</Radio>
|
|
|
+ </RadioGroup>
|
|
|
+ </div>
|
|
|
+ <Table :height="table3Hiehgt" :columns="columns3" :data="data3"></Table>
|
|
|
+ <div style="text-align:center;margin-top:20px">
|
|
|
+ <Page :current="params7.pageNum" @on-change="changePage3" :total="params3.total" />
|
|
|
+ </div>
|
|
|
+ <!-- <div style="height:calc(100vh - 516px)">
|
|
|
<my-table
|
|
|
ref="llsxb"
|
|
|
:data="data3"
|
|
@@ -64,7 +90,7 @@
|
|
|
@on-change="changePage3"
|
|
|
:table-filter="tableFilter3"
|
|
|
></my-table>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</TabPane>
|
|
|
<TabPane label="物料收发汇总" name="4">
|
|
|
<my-table
|
|
@@ -296,6 +322,10 @@ export default {
|
|
|
title: '物料类型',
|
|
|
key: 'materialType',
|
|
|
minWidth: 150,
|
|
|
+ render:(h,p)=>{
|
|
|
+ const v = this
|
|
|
+ return h('span',v.materialTypeList[p.row.materialType])
|
|
|
+ }
|
|
|
|
|
|
},
|
|
|
{
|
|
@@ -693,8 +723,21 @@ export default {
|
|
|
render: (h, params) => {
|
|
|
return h(expandRow, {
|
|
|
props: {
|
|
|
- row: params
|
|
|
- }
|
|
|
+ row: params,
|
|
|
+ params :this.params7
|
|
|
+ },
|
|
|
+ on:{
|
|
|
+ 'on-row-click': (item)=>{
|
|
|
+ console.log(params)
|
|
|
+ this.params7.userId = item.userId
|
|
|
+ this.selectUserName = item.name
|
|
|
+ this.selectMaterialProperties = params.row.name
|
|
|
+ this.params7.materialType = params.row.materialType
|
|
|
+ this.params7.pageIndex = 1
|
|
|
+ this.params7.pageNum = 1
|
|
|
+ this.getPickingPage()
|
|
|
+ }
|
|
|
+ },
|
|
|
})
|
|
|
}
|
|
|
},
|
|
@@ -908,15 +951,22 @@ export default {
|
|
|
total: 0,
|
|
|
},
|
|
|
params3: {
|
|
|
- pageIndex: 1,
|
|
|
- pageSize: 20,
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
total: 0,
|
|
|
+ beginTime:null,
|
|
|
+ endTime:null,
|
|
|
+ pageIndex:1,
|
|
|
+ type:'0',
|
|
|
+ userId:null,
|
|
|
+ materialType:null,
|
|
|
},
|
|
|
params4: {},
|
|
|
params5: {
|
|
|
pageIndex: 1,
|
|
|
pageSize: 20,
|
|
|
total: 0,
|
|
|
+
|
|
|
},
|
|
|
params6: {},
|
|
|
params7: {
|
|
@@ -925,19 +975,87 @@ export default {
|
|
|
total: 0,
|
|
|
beginTime:null,
|
|
|
endTime:null,
|
|
|
+ pageIndex:1,
|
|
|
+ type:'0',
|
|
|
+ userId:null,
|
|
|
+ materialType:null,
|
|
|
},
|
|
|
pickingStatisticsData:{
|
|
|
- fabricStatistics:{},
|
|
|
+ fabricStatistics:{
|
|
|
+ },
|
|
|
+ inkDetails:[],
|
|
|
+ fabricTree:[],
|
|
|
inkStatistics:{},
|
|
|
},
|
|
|
+ selectUserName:null,
|
|
|
+ selectMaterialProperties:null,
|
|
|
+ table3Hiehgt:300,
|
|
|
+ radioTotal:{},
|
|
|
+ dataModalType:true,
|
|
|
}
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
- selectTime(){
|
|
|
+ dataModalTypeFn(){
|
|
|
+ this.dataModalType = !this.dataModalType
|
|
|
+ if(this.dataModalType){
|
|
|
+ this.table3Hiehgt = document.body.clientHeight - 630
|
|
|
+ }else{
|
|
|
+ this.table3Hiehgt = document.body.clientHeight - 450
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ rowClassName2(type,row,index){
|
|
|
+ if(row.userId == this.params7.userId && this.selectMaterialProperties == '墨水'){
|
|
|
+ return 'table-info-row';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ rowClassName(row,index){
|
|
|
+ if(row.name == this.selectMaterialProperties){
|
|
|
+ return 'table-info-row';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getAlldata(){
|
|
|
+ this.params7.materialType = null
|
|
|
+ this.params7.userId = null
|
|
|
+ this.params7.pageNum = 1
|
|
|
+ this.params7.pageIndex = 1
|
|
|
+ this.selectUserName = null
|
|
|
+ this.selectMaterialProperties = null
|
|
|
+ },
|
|
|
+ expandChange(){
|
|
|
+
|
|
|
+ },
|
|
|
+ moshuiTbleLineCk2(row,index){
|
|
|
+ this.params7.materialType = row.materialType
|
|
|
+ this.selectMaterialProperties = row.name
|
|
|
+ this.params7.pageNum = 1
|
|
|
+ this.params7.pageIndex = 1
|
|
|
+ this.selectUserName = null
|
|
|
+ this.params7.userId = null
|
|
|
+ this.getPickingPage()
|
|
|
+ },
|
|
|
+ moshuiTbleLineCk(row,index){
|
|
|
+ this.params7.userId = row.userId
|
|
|
+ this.selectUserName = row.userName
|
|
|
this.params7.pageNum = 1
|
|
|
+ this.params7.pageIndex = 1
|
|
|
+ this.selectMaterialProperties = '墨水'
|
|
|
+ this.params7.materialType = '3'
|
|
|
this.getPickingPage()
|
|
|
},
|
|
|
+ radioChange(){
|
|
|
+ this.params7.pageNum = 1
|
|
|
+ this.params7.pageIndex = 1
|
|
|
+ this.getPickingPage()
|
|
|
+ },
|
|
|
+ selectTime(){
|
|
|
+ this.params7.materialType = null
|
|
|
+ this.params7.userId = null
|
|
|
+ this.selectUserName = null
|
|
|
+ this.selectMaterialProperties = null
|
|
|
+ this.totalInit()
|
|
|
+ },
|
|
|
changePage3(e){
|
|
|
this.params7.pageNum = e
|
|
|
axios.post('/cloudApi/stockWater/getPickingPage', {
|
|
@@ -945,32 +1063,63 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
this.data3 = res.data.data.records
|
|
|
- this.params3.total = res.data.data.total
|
|
|
+ this.params7.total = res.data.data.total
|
|
|
console.log(this.params3.total)
|
|
|
|
|
|
})
|
|
|
},
|
|
|
- getPickingPage() {
|
|
|
-
|
|
|
+ totalInit(){
|
|
|
+ if(this.dataModalType){
|
|
|
+ this.table3Hiehgt = document.body.clientHeight - 630
|
|
|
+ }else{
|
|
|
+ this.table3Hiehgt = document.body.clientHeight - 450
|
|
|
+ }
|
|
|
axios.post('/cloudApi/stockWater/getPickingStatistics', {
|
|
|
...this.params7,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
- this.pickingStatisticsData = res.data.data
|
|
|
+ this.pickingStatisticsData.fabricStatistics = res.data.data.fabricStatistics || {
|
|
|
+ total:0,
|
|
|
+ measureArea:0,
|
|
|
+ money:0,
|
|
|
+ length:0
|
|
|
+ }
|
|
|
+ this.pickingStatisticsData.inkStatistics = res.data.data.inkStatistics || {
|
|
|
+ total:0,
|
|
|
+ money:0,
|
|
|
+ weight:0,
|
|
|
+ }
|
|
|
+
|
|
|
this.data7 = res.data.data.fabricTree
|
|
|
this.data8 = res.data.data.inkDetails
|
|
|
- console.log(this.data7)
|
|
|
|
|
|
})
|
|
|
+
|
|
|
+ axios.post('/cloudApi/stockWater/getPickingStockChangeTypeCount',{...this.params7}).then(res=>{
|
|
|
+ this.radioTotal = res.data.data
|
|
|
+ })
|
|
|
+
|
|
|
axios.post('/cloudApi/stockWater/getPickingPage', {
|
|
|
- ...this.params,
|
|
|
+ ...this.params7,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
this.data3 = res.data.data.records
|
|
|
this.params3.total = res.data.data.total
|
|
|
- console.log(this.data3)
|
|
|
|
|
|
})
|
|
|
+ },
|
|
|
+ getPickingPage() {
|
|
|
+ axios.post('/cloudApi/stockWater/getPickingPage', {
|
|
|
+ ...this.params7,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ this.data3 = res.data.data.records
|
|
|
+ this.params3.total = res.data.data.total
|
|
|
+
|
|
|
+ })
|
|
|
+ axios.post('/cloudApi/stockWater/getPickingStockChangeTypeCount',{...this.params7}).then(res=>{
|
|
|
+ this.radioTotal = res.data.data
|
|
|
+ })
|
|
|
|
|
|
},
|
|
|
tabClick(name) {
|
|
@@ -1014,9 +1163,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
getselectedList(list, multiple) {
|
|
|
- console.log('????????????????????-----')
|
|
|
- console.log(list)
|
|
|
- console.log(multiple)
|
|
|
this.$refs.table.setModel('materialCode', list[0].code)
|
|
|
this.params6.materialCode = list[0].code
|
|
|
},
|
|
@@ -1189,7 +1335,7 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.tabClick('1')
|
|
|
- this.getPickingPage()
|
|
|
+ this.totalInit()
|
|
|
},
|
|
|
}
|
|
|
</script>
|
|
@@ -1200,12 +1346,28 @@ export default {
|
|
|
.total-warp .ivu-table td{
|
|
|
height: 32px!important;
|
|
|
}
|
|
|
+.total-warp .ivu-table-cell-with-expand{
|
|
|
+ height: 32px!important;
|
|
|
+ line-height: 32px;
|
|
|
+}
|
|
|
+.ivu-table .table-info-row td{
|
|
|
+ background-color: #2db7f5;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
</style>
|
|
|
<style lang="less" scoped>
|
|
|
+.h2{
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #333;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+}
|
|
|
.total-warp {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
margin-top: 10px;
|
|
|
+
|
|
|
.left-total,
|
|
|
.right-total {
|
|
|
width: 49%;
|