|
|
@ -1,7 +1,7 @@ |
|
|
|
<template> |
|
|
|
<div class="app-container"> |
|
|
|
<div v-show="viewState == 1"> |
|
|
|
<button-bar ref="btnbar" view-title="盘库明细" :btndisabled="btndisabled" @btnhandle="btnHandle" /> |
|
|
|
<button-bar ref="btnbar" view-title="盘库明细" :btndisabled="btndisabled" @btnhandle="btnHandle"/> |
|
|
|
<div class="main-content"> |
|
|
|
<div class="searchcon"> |
|
|
|
<el-button size="small" class="searchbtn" @click="clicksearchShow"> |
|
|
@ -10,24 +10,26 @@ |
|
|
|
<div v-show="isSearchShow" class="search"> |
|
|
|
<el-form :inline="true" class="tab-header"> |
|
|
|
<el-form-item label="仓库"> |
|
|
|
<el-select v-model="queryParams.params.warehouseName" placeholder="请选择仓库" |
|
|
|
@change="selectWarehouseChange"> |
|
|
|
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" |
|
|
|
:value="item.sid" /> |
|
|
|
<el-select v-model="queryParams.params.warehouseName" filterable clearable placeholder="请选择" style="width:100%" @change="selectWarehouseName"> |
|
|
|
<el-option v-for="item in warehouseList" :key="item.sid" :label="item.warehouseName" :value="item.sid"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="区域"> |
|
|
|
<el-select v-model="queryParams.params.zoneName" filterable clearable placeholder="请选择" @change="selectWareZoneName"> |
|
|
|
<el-option v-for="item in warehouseZoneList" :key="item.sid" :label="item.zoneName" :value="item.sid"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="库区"> |
|
|
|
<el-select v-model="queryParams.params.warehouseAreaName" placeholder="请选择库区" |
|
|
|
@change="selectWarehouseAreaChange"> |
|
|
|
<el-option v-for="item in warehouseAreaList" :key="item.sid" :label="item.areaName" |
|
|
|
:value="item.sid" /> |
|
|
|
<el-select v-model="queryParams.params.warehouseAreaName" filterable clearable placeholder="请选择" @change="selectWareAreaName"> |
|
|
|
<el-option v-for="item in wareAreaList" :key="item.sid" :label="item.areaName" :value="item.sid"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="库位"> |
|
|
|
<el-select v-model="queryParams.params.warehouseRackName" placeholder="请选择库位" |
|
|
|
@change="selectWarehouseRackChange"> |
|
|
|
<el-option v-for="item in warehouseRackList" :key="item.sid" :label="item.rackName" |
|
|
|
:value="item.sid"> |
|
|
|
<el-select v-model="queryParams.params.warehouseRackCode" filterable clearable placeholder="请选择" style="width:100%"> |
|
|
|
<el-option v-for="item in warehouseRackList" :key="item.rackCode" :label="item.rackCode" :value="item.rackCode"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
@ -46,310 +48,254 @@ |
|
|
|
<!-- Start 项目列表 --> |
|
|
|
<div class=""> |
|
|
|
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> |
|
|
|
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> |
|
|
|
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center"/> |
|
|
|
<el-table-column fixed label="操作" align="center" width="100"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="primary" size="mini" @click="toDetail(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="warehouseName" label="仓库" width="120" align="center" /> |
|
|
|
<el-table-column prop="warehouseArea" label="库区" width="120" align="center" /> |
|
|
|
<el-table-column prop="warehouseRackName" label="库位" width="120" align="center" /> |
|
|
|
<el-table-column prop="warehouseName" label="仓库" width="120" align="center"/> |
|
|
|
<el-table-column prop="zoneName" label="区域" width="120" align="center"/> |
|
|
|
<el-table-column prop="warehouseArea" label="库区" width="120" align="center"/> |
|
|
|
<el-table-column prop="warehouseRackName" label="库位" width="120" align="center"/> |
|
|
|
<el-table-column label="应盘" align="center"> |
|
|
|
<el-table-column prop="bookCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="bookAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="bookCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="bookAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="实盘" align="center"> |
|
|
|
<el-table-column prop="realCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="realAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="realCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="realAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="未盘" align="center"> |
|
|
|
<el-table-column prop="notCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="notAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="notCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="notAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="盘盈" align="center"> |
|
|
|
<el-table-column prop="profitCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="profitAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="profitCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="profitAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="盘亏" align="center"> |
|
|
|
<el-table-column prop="loseCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="loseAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="loseCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="loseAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column label="盘损" align="center"> |
|
|
|
<el-table-column prop="lossCount" label="数量" align="center" width="100" /> |
|
|
|
<el-table-column prop="lossAmount" label="金额" align="center" width="100" /> |
|
|
|
<el-table-column prop="lossCount" label="数量" align="center" width="100"/> |
|
|
|
<el-table-column prop="lossAmount" label="金额" align="center" width="100"/> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</div> |
|
|
|
<!-- End 项目列表 --> |
|
|
|
<div class="pages"> |
|
|
|
<div class="tit" /> |
|
|
|
<div class="tit"/> |
|
|
|
<!-- 翻页 --> |
|
|
|
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" |
|
|
|
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> |
|
|
|
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" :limit.sync="queryParams.size" class="pagination" @pagination="loadList"/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 查看库位明细 --> |
|
|
|
<stocktakingRackCodeDetail v-show="viewState == 2" ref="divSp" @doback="resetState" /> |
|
|
|
<stocktakingRackCodeDetail v-show="viewState == 2" ref="divSp" @doback="resetState"/> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import req from '@/api/storage/stocktaking.js' |
|
|
|
import ButtonBar from '@/components/ButtonBar' |
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
import pageye from '@/components/pagination/pageye' |
|
|
|
import stocktakingRackCodeDetail from './stocktakingRackCodeDetail.vue' |
|
|
|
import req2 from '@/api/warehouse/warehouse.js' |
|
|
|
import req3 from '@/api/warehouse/warehouseArea.js' |
|
|
|
import req4 from '@/api/warehouse/goodsShelves.js' |
|
|
|
export default { |
|
|
|
components: { |
|
|
|
ButtonBar, |
|
|
|
Pagination, |
|
|
|
pageye, |
|
|
|
stocktakingRackCodeDetail |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dialogVisible: false, |
|
|
|
btndisabled: false, |
|
|
|
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|
|
|
isSearchShow: false, |
|
|
|
searchxianshitit: '显示查询条件', |
|
|
|
tableLoading: false, |
|
|
|
dataList: [], |
|
|
|
btnList: [{ |
|
|
|
import req from '@/api/storage/stocktaking.js' |
|
|
|
import ButtonBar from '@/components/ButtonBar' |
|
|
|
import Pagination from '@/components/pagination' |
|
|
|
import stocktakingRackCodeDetail from './stocktakingRackCodeDetail.vue' |
|
|
|
import { getAllRackByKQSid, getAllWarehouse, getAllWarehouseareaByZoneSid, getAllWarehousezoneBysid } from '@/api/Common/dictcommons' |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
ButtonBar, |
|
|
|
Pagination, |
|
|
|
stocktakingRackCodeDetail |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
dialogVisible: false, |
|
|
|
btndisabled: false, |
|
|
|
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 |
|
|
|
isSearchShow: false, |
|
|
|
searchxianshitit: '显示查询条件', |
|
|
|
tableLoading: false, |
|
|
|
dataList: [], |
|
|
|
btnList: [ |
|
|
|
{ |
|
|
|
type: 'info', |
|
|
|
size: 'small', |
|
|
|
icon: 'cross', |
|
|
|
btnKey: 'doClose', |
|
|
|
btnLabel: '关闭' |
|
|
|
}], |
|
|
|
queryParams: { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
total: 0, |
|
|
|
params: { |
|
|
|
"billSid": "", |
|
|
|
"warehouseSid": "", |
|
|
|
"warehouseName": "", |
|
|
|
"warehouseAreaSid": "", |
|
|
|
"warehouseAreaName": "", |
|
|
|
"warehouseRackSid": "", |
|
|
|
"warehouseRackName": "", |
|
|
|
} |
|
|
|
}, |
|
|
|
billSid: "", |
|
|
|
warehouseList: [], |
|
|
|
warehouseAreaList: [], |
|
|
|
warehouseRackList: [] |
|
|
|
} |
|
|
|
], |
|
|
|
queryParams: { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
total: 0, |
|
|
|
params: { |
|
|
|
billSid: '', |
|
|
|
warehouseName: '', |
|
|
|
zoneName: '', |
|
|
|
wareAreaName: '', |
|
|
|
warehouseRackCode: '' |
|
|
|
} |
|
|
|
}, |
|
|
|
billSid: '', |
|
|
|
warehouseList: [], |
|
|
|
warehouseAreaList: [], |
|
|
|
warehouseRackList: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$refs['btnbar'].setButtonList(this.btnList) |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initData() { |
|
|
|
getAllWarehouse({ orgPath: window.sessionStorage.getItem('defaultOrgPath'), warehouseTypeValue: '配件库' }).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.warehouseList = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
selectWarehouseName(val) { |
|
|
|
this.warehouseZoneList = [] |
|
|
|
this.wareAreaList = [] |
|
|
|
this.warehouseRackList = [] |
|
|
|
const choose = this.warehouseList.filter((item) => item.sid === val) |
|
|
|
if (choose !== null || choose.length > 0) { |
|
|
|
this.queryParams.params.warehouseName = choose[0].warehouseName |
|
|
|
this.getWarehouseZoneList(choose[0].sid) |
|
|
|
} else { |
|
|
|
this.queryParams.params.warehouseName = '' |
|
|
|
} |
|
|
|
this.queryParams.params.wareZoneName = '' |
|
|
|
this.queryParams.params.wareAreaName = '' |
|
|
|
this.queryParams.params.warehouseRackCode = '' |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$refs['btnbar'].setButtonList(this.btnList) |
|
|
|
getWarehouseZoneList(sid) { |
|
|
|
getAllWarehousezoneBysid({ ckSid: sid }).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.warehouseZoneList = res.data |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
created() { |
|
|
|
|
|
|
|
selectWareZoneName(val) { |
|
|
|
this.wareAreaList = [] |
|
|
|
this.warehouseRackList = [] |
|
|
|
const choose = this.warehouseZoneList.filter((item) => item.sid === val) |
|
|
|
if (choose !== null && choose.length > 0) { |
|
|
|
this.queryParams.params.wareZoneName = choose[0].zoneName |
|
|
|
this.getWareAreaList(choose[0].sid) |
|
|
|
} else { |
|
|
|
this.queryParams.params.wareZoneName = '' |
|
|
|
} |
|
|
|
this.queryParams.params.wareAreaName = '' |
|
|
|
this.queryParams.params.warehouseRackCode = '' |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
initData() { |
|
|
|
|
|
|
|
var parpams = { |
|
|
|
orgPath: window.sessionStorage.getItem('defaultOrgPath'), |
|
|
|
} |
|
|
|
|
|
|
|
req2.getAllWarehouse(parpams).then(resp => { |
|
|
|
this.warehouseList = resp.data |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
getWarehouseArea(sid) { |
|
|
|
this.queryParams.params.warehouseAreaSid = '' |
|
|
|
this.queryParams.params.warehouseAreaName = '' |
|
|
|
|
|
|
|
var params = { |
|
|
|
ckSid: sid |
|
|
|
getWareAreaList(sid) { |
|
|
|
getAllWarehouseareaByZoneSid({ qySid: sid }).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.wareAreaList = res.data |
|
|
|
} |
|
|
|
|
|
|
|
req3.getAllWarehouseareaBysid(params).then(resp => { |
|
|
|
console.log('>>>>>>>>>getAllWarehousearea', resp) |
|
|
|
this.warehouseAreaList = resp.data |
|
|
|
}).catch(() => {}) |
|
|
|
}, |
|
|
|
|
|
|
|
getAllTypeByAreaSid(sid) { |
|
|
|
this.queryParams.params.warehouseRackSid = '' |
|
|
|
this.queryParams.params.warehouseRackName = '' |
|
|
|
|
|
|
|
var params = { |
|
|
|
areaSid: sid |
|
|
|
}) |
|
|
|
}, |
|
|
|
selectWareAreaName(val) { |
|
|
|
this.warehouseRackList = [] |
|
|
|
const choose = this.wareAreaList.filter((item) => item.sid === val) |
|
|
|
if (choose !== null && choose.length > 0) { |
|
|
|
this.queryParams.params.wareAreaName = choose[0].areaName |
|
|
|
this.getWarehouseRackList(choose[0].sid) |
|
|
|
} else { |
|
|
|
this.queryParams.params.wareAreaName = '' |
|
|
|
} |
|
|
|
this.queryParams.params.warehouseRackCode = '' |
|
|
|
}, |
|
|
|
getWarehouseRackList(sid) { |
|
|
|
getAllRackByKQSid({ kqSid: sid }).then((res) => { |
|
|
|
if (res.success) { |
|
|
|
this.warehouseRackList = res.data |
|
|
|
} |
|
|
|
|
|
|
|
req4.getAllTypeByAreaSid(params).then(resp => { |
|
|
|
console.log('>>>>>>>>>getAllTypeByAreaSid', resp) |
|
|
|
this.warehouseRackList = resp.data |
|
|
|
}).catch(() => {}) |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
selectWarehouseChange(val) { |
|
|
|
const choose = this.warehouseList.filter((item) => item.sid == val) |
|
|
|
console.log('>>>>>>>>>selectWarehouseChange', choose) |
|
|
|
this.queryParams.params.warehouseSid = choose[0].sid |
|
|
|
this.queryParams.params.warehouseName = choose[0].warehouseName |
|
|
|
|
|
|
|
this.getWarehouseArea(choose[0].sid) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
selectWarehouseAreaChange(val) { |
|
|
|
const choose = this.warehouseAreaList.filter((item) => item.sid == val) |
|
|
|
console.log('>>>>>>>>>selectWarehouseAreaChange', choose) |
|
|
|
this.queryParams.params.warehouseAreaSid = choose[0].sid |
|
|
|
this.queryParams.params.warehouseAreaName = choose[0].areaName |
|
|
|
|
|
|
|
this.getAllTypeByAreaSid(choose[0].sid) |
|
|
|
}, |
|
|
|
|
|
|
|
selectWarehouseRackChange(val) { |
|
|
|
const choose = this.warehouseRackList.filter((item) => item.sid == val) |
|
|
|
console.log('>>>>>>>>>selectWarehouseRackChange', choose) |
|
|
|
this.queryParams.params.warehouseRackSid = choose[0].sid |
|
|
|
this.queryParams.params.warehouseRackName = choose[0].rackName |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 搜索条件效果 |
|
|
|
clicksearchShow() { |
|
|
|
this.isSearchShow = !this.isSearchShow |
|
|
|
if (this.isSearchShow) { |
|
|
|
this.searchxianshitit = '隐藏查询条件' |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 搜索条件效果 |
|
|
|
clicksearchShow() { |
|
|
|
this.isSearchShow = !this.isSearchShow |
|
|
|
if (this.isSearchShow) { |
|
|
|
this.searchxianshitit = '隐藏查询条件' |
|
|
|
} else { |
|
|
|
this.searchxianshitit = '显示查询条件' |
|
|
|
} |
|
|
|
}, |
|
|
|
btnHandle(btnKey) { |
|
|
|
switch (btnKey) { |
|
|
|
case 'doClose': |
|
|
|
this.close() |
|
|
|
break |
|
|
|
default: |
|
|
|
break |
|
|
|
} |
|
|
|
}, |
|
|
|
showDetail(sid) { |
|
|
|
this.initData() |
|
|
|
this.billSid = sid |
|
|
|
this.queryParams.params.billSid = sid |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
loadList() { |
|
|
|
this.tableLoading = true |
|
|
|
req.billStocktak(this.queryParams).then((resp) => { |
|
|
|
this.tableLoading = false |
|
|
|
if (resp.success) { |
|
|
|
const data = resp.data |
|
|
|
this.queryParams.total = data.total |
|
|
|
this.dataList = data.records |
|
|
|
} else { |
|
|
|
this.searchxianshitit = '显示查询条件' |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
this.dataList = [] |
|
|
|
this.queryParams.total = 0 |
|
|
|
} |
|
|
|
}, |
|
|
|
btnHandle(btnKey) { |
|
|
|
switch (btnKey) { |
|
|
|
case 'doClose': |
|
|
|
this.close() |
|
|
|
break |
|
|
|
default: |
|
|
|
break |
|
|
|
} |
|
|
|
}, |
|
|
|
showDetail(sid) { |
|
|
|
this.initData() |
|
|
|
this.billSid = sid |
|
|
|
this.queryParams.params.billSid = sid |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
|
|
|
|
loadList() { |
|
|
|
this.tableLoading = true |
|
|
|
req.billStocktak(this.queryParams).then((resp) => { |
|
|
|
this.tableLoading = false |
|
|
|
if (resp.success) { |
|
|
|
const data = resp.data |
|
|
|
this.queryParams.total = data.total |
|
|
|
this.dataList = data.records |
|
|
|
} else { |
|
|
|
// 根据resp.code进行异常情况处理 |
|
|
|
this.dataList = [] |
|
|
|
this.queryParams.total = 0 |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.tableLoading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
// 序号 |
|
|
|
indexMethod(index) { |
|
|
|
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|
|
|
var pageindex = index + 1 + pagestart |
|
|
|
return pageindex |
|
|
|
}, |
|
|
|
dosearch() { |
|
|
|
this.queryParams.current = 1 |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
resetQuery() { |
|
|
|
this.queryParams = { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
total: 0, |
|
|
|
params: { |
|
|
|
"billSid": this.billSid, |
|
|
|
"warehouseSid": "", |
|
|
|
"warehouseName": "", |
|
|
|
"warehouseAreaSid": "", |
|
|
|
"warehouseAreaName": "", |
|
|
|
"warehouseRackSid": "", |
|
|
|
"warehouseRackName": "", |
|
|
|
} |
|
|
|
}).catch(() => { |
|
|
|
this.tableLoading = false |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 序号 |
|
|
|
indexMethod(index) { |
|
|
|
var pagestart = (this.queryParams.current - 1) * this.queryParams.size |
|
|
|
var pageindex = index + 1 + pagestart |
|
|
|
return pageindex |
|
|
|
}, |
|
|
|
dosearch() { |
|
|
|
this.queryParams.current = 1 |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
resetQuery() { |
|
|
|
this.queryParams = { |
|
|
|
current: 1, |
|
|
|
size: 10, |
|
|
|
total: 0, |
|
|
|
params: { |
|
|
|
billSid: this.billSid, |
|
|
|
warehouseName: '', |
|
|
|
zoneName: '', |
|
|
|
wareAreaName: '', |
|
|
|
warehouseRackCode: '' |
|
|
|
} |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
|
|
|
|
toDetail(row) { |
|
|
|
|
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divSp'].showDetail(row.billSid, row.warehouseRackSid) |
|
|
|
}, |
|
|
|
close() { |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
|
|
|
|
resetState() { |
|
|
|
this.viewState = 1 |
|
|
|
} |
|
|
|
this.loadList() |
|
|
|
}, |
|
|
|
toDetail(row) { |
|
|
|
this.viewState = 2 |
|
|
|
this.$refs['divSp'].showDetail(row.billSid, row.warehouseRackSid) |
|
|
|
}, |
|
|
|
close() { |
|
|
|
this.$emit('doback') |
|
|
|
}, |
|
|
|
resetState() { |
|
|
|
this.viewState = 1 |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 120px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.must { |
|
|
|
color: #f00; |
|
|
|
} |
|
|
|
|
|
|
|
.span-sty { |
|
|
|
width: 90px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.addinputInfo { |
|
|
|
margin-left: 80px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw { |
|
|
|
margin-left: 80px !important; |
|
|
|
width: calc(100% - 70px); |
|
|
|
} |
|
|
|
|
|
|
|
.first_row { |
|
|
|
border-top: 1px solid #E0E3EB; |
|
|
|
} |
|
|
|
|
|
|
|
.titleOne { |
|
|
|
padding: 7px; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
/deep/ .el-form-item__error { |
|
|
|
margin-left: 180px !important; |
|
|
|
} |
|
|
|
|
|
|
|
.formaddcopy02 .el-row .el-col /deep/ .el-form-item .el-radio-group { |
|
|
|
display: inline; |
|
|
|
line-height: 1px; |
|
|
|
vertical-align: middle; |
|
|
|
} |
|
|
|
<style scoped> |
|
|
|
</style> |
|
|
|