|
|
@@ -0,0 +1,257 @@
|
|
|
+<template>
|
|
|
+ <view class="container">
|
|
|
+ <view class="detail-desc">
|
|
|
+ <view class="d-header">
|
|
|
+ <text>发运信息</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="c-list">
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">合同编号</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.contractNo}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">货名</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.goodsName}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">发车净重(吨)</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.startWeight}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">车牌号</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.carNo}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="d-header">
|
|
|
+ <text>入库信息</text>
|
|
|
+ </view>
|
|
|
+ <view class="c-list">
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">毛重(吨)</view>
|
|
|
+ <input placeholder="请输入毛重" name="input" v-model="WarehouseInOutInfo.grossWeight"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">皮重(吨)</view>
|
|
|
+ <input placeholder="请输入皮重" name="input" v-model="WarehouseInOutInfo.tare"></input>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">净重（吨）</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.grossWeight - WarehouseInOutInfo.tare}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">仓库</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.warehouseName}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">仓位号</view>
|
|
|
+ <input placeholder="请输入仓位号" name="input" v-model="WarehouseInOutInfo.binNumber"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">入库类型</view>
|
|
|
+ <picker @change="packingChange" :value="packingIndex" :range="packingType">
|
|
|
+ <view class="picker">
|
|
|
+ {{packingIndex>-1?packingType[packingIndex]:'请选择入库类型'}}
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">扣款金额</view>
|
|
|
+ <input placeholder="请输入扣款金额" name="input" v-model="WarehouseInOutInfo.deductionAmount"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">扣款项</view>
|
|
|
+ <input placeholder="请输入扣款项" name="input" v-model="WarehouseInOutInfo.deductionItems"></input>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">入库日期</text>
|
|
|
+ <view class="con-list">
|
|
|
+ <text>{{WarehouseInOutInfo.inOutDate}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="padding flex flex-direction">
|
|
|
+ <button class="cu-btn bg-red margin-tb-sm lg">上传磅单照片</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="d-header">
|
|
|
+ <text>化验信息</text>
|
|
|
+ </view>
|
|
|
+ <view class="c-list">
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">质检员</view>
|
|
|
+ <input placeholder="请输入质检员姓名" name="input" v-model="list.qualityInspector"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">蛋白(%)>=</view>
|
|
|
+ <input placeholder="请输入蛋白占比" name="input" v-model="list.protein"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">水分(%)<= </view>
|
|
|
+ <input placeholder="请输入水分占比" name="input" v-model="list.waterContent"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">容重(克/升)>= </view>
|
|
|
+ <input placeholder="请输入容重" name="input" v-model="list.bulkDensity"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">热损伤(%)<= </view>
|
|
|
+ <input placeholder="请输入热损伤占比" name="input" v-model="list.jiaorenli"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">杂质(%)<= </view>
|
|
|
+ <input placeholder="请输入杂质占比" name="input" v-model="list.impurity"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">霉变粒(%)<= </view>
|
|
|
+ <input placeholder="请输入霉变粒占比" name="input" v-model="list.mildewGrain"></input>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group align-start">
|
|
|
+ <view class="title">不完整粒(%)<= </view>
|
|
|
+ <input placeholder="请输入不完整粒占比" name="input"
|
|
|
+ v-model="list.imperfectGrain"></input>
|
|
|
+ </view>
|
|
|
+ <view class="c-row b-b">
|
|
|
+ <text class="tit">品级 </text>
|
|
|
+ <picker @change="pinChange" :value="pinIndex" :range="pinType" class="con-list">
|
|
|
+ <view class="con-list">
|
|
|
+ {{pinIndex>-1?pinType[pinIndex]:'请选择品级'}}
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 底部操作菜单 -->
|
|
|
+ <view class="padding flex flex-direction">
|
|
|
+ <button class="cu-btn bg-red margin-tb-sm lg" @click="commit">暂存</button>
|
|
|
+ <button class="cu-btn bg-red margin-tb-sm lg" @click="commit">提交</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ packingType: [],
|
|
|
+ packingIndex: "",
|
|
|
+ goods: {},
|
|
|
+ list: {},
|
|
|
+ WarehouseInOutInfo: {
|
|
|
+ warehouseInOutDetail: {}
|
|
|
+ },
|
|
|
+ pinIndex: 0,
|
|
|
+ pinType: ['不限（默认）', '一等品', '二等品', '三等品', '等外'],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ commit() {
|
|
|
+ console.log(this.list)
|
|
|
+ this.WarehouseInOutInfo.warehouseInOutDetail = this.list
|
|
|
+ this.$api.doRequest('post', '/warehouseInOutInfo/InOutWarehouse', this.WarehouseInOutInfo).then(res => {
|
|
|
+
|
|
|
+ }).catch(res => {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.data.message,
|
|
|
+ icon: 'none',
|
|
|
+ duration: 2000
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ pinChange(e) {
|
|
|
+ this.pinIndex = e.detail.value
|
|
|
+ this.pintypes = this.pinType[this.pinIndex];
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+ .cu-form-group input {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cu-form-group textarea {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .margin-bottom {
|
|
|
+ margin-bottom: 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .c-row {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .con-list {
|
|
|
+ -webkit-box-flex: 1;
|
|
|
+ -webkit-flex: 1;
|
|
|
+ flex: 1;
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-box-direction: normal;
|
|
|
+ -webkit-flex-direction: column;
|
|
|
+ flex-direction: column;
|
|
|
+ color: #303133;
|
|
|
+ line-height: 40rpx;
|
|
|
+ text-align: right;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .d-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ height: 80upx;
|
|
|
+ font-size: $font-base + 2upx;
|
|
|
+ color: $font-color-dark;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ text {
|
|
|
+ padding: 0 20upx;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ width: 300upx;
|
|
|
+ height: 0;
|
|
|
+ content: '';
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
