123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- <template>
- <view class="wrap">
- <view class="dropdown content1">
- <view class="left" @click='show1=true'>
- <view>{{warehouseName}}</view>
- <u-icon name="arrow-right"></u-icon>
- <u-picker @confirm="warehousechange" range-key='warehouseName' mode="selector" v-model="show1"
- :range="warehouseList"></u-picker>
- </view>
- <view class="right" @click='show2=true'>
- <view>{{binNumber}}仓位</view>
- <u-icon name="arrow-right"></u-icon>
- <u-picker @confirm="warehouseCWchange" range-key='binNumber' mode="selector" v-model="show2"
- :range="warehouseCWList"></u-picker>
- </view>
- </view>
- <view class="content2">
- <view class="content2-item" v-for="(item,index) in dataList" @click="goDetail(item)">
- <view class="row bold">
- <view class="left">{{item.contractNo}}</view>
- <view>{{item.carNo}}</view>
- </view>
- <view style='color:#878C9C;font-size:14px;' class="row">
- <view class="left">{{item.updateDate}}</view>
- <view>{{item.backOffice}}</view>
- </view>
- <view v-if="item.outType=='集装箱船'" style='color:#878C9C;font-size:14px;' class="row">
- <view v-if='item.boxNo' class="left">箱号:{{item.boxNo}}</view>
- <view v-if='item.boxNoOther'>箱号2:{{item.boxNoOther}}</view>
- </view>
- <view v-if="item.outType=='火运'" style='color:#878C9C;font-size:14px;' class="row">
- <view v-if='item.wingNumber' class="left">车厢号:{{item.wingNumber}}</view>
- <view v-if='item.wingNumberOther'>车厢号2:{{item.wingNumberOther}}</view>
- </view>
- <view v-if="item.outType=='散船'" style='color:#878C9C;font-size:14px;' class="row">
- <view v-if='item.binNo' class="left">仓位号:{{item.binNo}}</view>
- </view>
- <view v-if='item.outType=="散船"||item.outType=="集装箱船"' class="row row-bottom">
- <view class="left">航次</view>
- <view>{{item.shipNumber}}</view>
- </view>
- <view v-if='item.outType=="散船"||item.outType=="集装箱船"' class="row row-bottom">
- <view class="left">船名</view>
- <view>{{item.shipName}}</view>
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import helper from '@/common/helper.js';
- export default {
- data() {
- return {
- show1: false,
- show2: false,
- currentPage: 1,
- pageSize: 9999,
- positionId: "",
- binNumber: "",
- warehouseName: '',
- positionName: '',
- warehouseList: [],
- warehouseCWList: [],
- dataList: [],
- allWarehouse: [],
- showTime: ''
- }
- },
- onLoad() {
- this.positionId = helper.erpWarehouse.positionId
- this.warehouseId = helper.erpWarehouse.warehouseId
- },
- onShow() {
- let _data = helper.erpWarehouse
- this.warehouseName = _data.warehouseName
- this.warehouseList = _data.allWarehouse
- this.warehouseCWList = _data.warehouseCWList
- this.binNumber = _data.binNumber
- this.positionId = _data.positionId
- this.warehouseId = _data.warehouseId
- this.getList()
- },
- methods: {
- getList() {
- this.$api.doRequest('get', '/warehouseInOutInfo/selectWarehouseInOutInfo', {
- positionId: this.positionId,
- baseId: this.warehouseId,
- currentPage: this.currentPage,
- pageSize: this.pageSize,
- inOutFlag: 1
- }).then(res => {
- if (res.data.code == 200) {
- this.dataList = res.data.data.records
- }
- })
- },
- warehousechange(e) {
- this.warehouseName = this.warehouseList[e[0]].warehouseName
- this.warehouseId = this.warehouseList[e[0]].id
- this.warehouseCWList = this.warehouseList[e[0]].positionInfos
- this.warehouseCWchange([0])
- },
- warehouseCWchange(e) {
- this.binNumber = this.warehouseCWList[e[0]].binNumber
- this.warehouseId = this.warehouseCWList[e[0]].baseId
- this.positionId = this.warehouseCWList[e[0]].id
- helper.erpWarehouse.binNumber = this.binNumber
- helper.erpWarehouse.warehouseName = this.warehouseName
- helper.erpWarehouse.positionId = this.positionId
- helper.erpWarehouse.warehouseId = this.warehouseId
- helper.erpWarehouse.warehouseCWList = this.warehouseCWList
- this.getList()
- },
- goDetail(val) {
- uni.navigateTo({
- url: '/pages/erp/improvedExWaehousing/improvedExWaehousingDetail?data=' + JSON.stringify(val),
- })
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .dropdown {
- display: flex;
- margin: 20rpx 0;
- justify-content: space-between;
- .left,
- .right {
- display: flex;
- align-items: center;
- }
- }
- .content1 {
- padding: 40rpx 20rpx;
- margin: 20rpx;
- border-radius: 10rpx;
- background: #FFFFFF;
- }
- .content2 {
- background: white;
- margin:10px;
- border-radius:10px;
- .row {
- display: flex;
- justify-content: space-between;
- // border-bottom: 1px solid #EEEEEE;
- padding: 18rpx 10rpx;
- .right,
- input {
- font-size: 28rpx;
- color: #333333;
- }
- }
- .row-bottom {
- .right-bottom {
- width: 300rpx;
- text-align: right;
- }
- }
- }
- .content2-item {
- // margin: 0 20rpx 20rpx 20rpx;
- margin:0 10px;
- // padding: 10rpx;
- border-bottom: 1px solid #EEEEEE;
- }
- .content2-item:last-child{
- border-bottom: 1px solid transparent;
- }
- .no-boder {
- border-bottom: none !important;
- }
- .bold{
- font-size:18px;
- font-weight:600;
- }
- </style>
|