#

whycq

2023-03-19 a88bb56f5036294d6a4c9c0327eed4d9894d9f0e

#

 pages/login/login.vue

@@ -61,17 +61,17 @@
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title">配 置</view>
                    <view class="input">
                        <view class="input-left">IP:</view>
                        <view class="input-right"><input type="text"></view>
                    <view class="popup-item">
                        <view class="popup-item-left">IP:</view>
                        <view class="popup-item-right"><input type="text"></view>
                    </view>
                    <view class="input">
                        <view class="input-left">端口:</view>
                        <view class="input-right"><input type="text"></view>
                    <view class="popup-item">
                        <view class="popup-item-left">端口:</view>
                        <view class="popup-item-right"><input type="text"></view>
                    </view>
                    <view class="input">
                        <view class="input-left">项目:</view>
                        <view class="input-right"><input type="text"></view>
                    <view class="popup-item">
                        <view class="popup-item-left">项目:</view>
                        <view class="popup-item-right"><input type="text"></view>
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="close">取消</view>
@@ -141,6 +141,7 @@
    }
</script>
<style>
    @import url('../../static/css/wms.css/wms.css');
    /* 设置区域 */
    .settings {
        min-height: 100rpx;
@@ -227,69 +228,10 @@
        color: #909399;
    }
    
    .popup {
        width: 80vw;
        min-height: 400rpx;
        background-color: #FFF;
        border-radius: 25rpx;
    }
    .title {
        height: 100rpx;
        line-height: 100rpx;
        width: 100%;
        color: #606266;
        text-align: center;
        font-size: 18px;
    }
    .input {
        height: 80rpx;
        line-height: 80rpx;
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .input-left {
        width: 16vw;
        padding-right: 20rpx;
        text-align: right;
        color: #606266;
    }
    .input-right {
        display: flex;
        align-items: center;
        width: 50vw;
        height: 50rpx;
        padding: 2px 5px;
        border: 1px solid #E4E7ED;
        border-radius: 5rpx;
    }
    .input-right input{
        color: #606266;
    }
    .btn {
        display: flex;
        height: 90rpx;
        margin-top: 20rpx;
        border-top: 1px solid #DCDFE6;
        justify-content: center;
        align-items: center;
    }
    .btn-left {
        display: flex;
        flex: 1;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #606266;
        border-right: 1px solid #DCDFE6;
    }
    .btn-right {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        color: #409EFF;
    }
	
	

	
    
    
    

 pages/pakin/pakin.vue

@@ -22,35 +22,83 @@
                <view class="list-left">
                    <view class="list-left-item">
                        <view class="desc">No：</view>
                        <view>{{i + 1}}</view>
                        <view class="left-item">{{i + 1}}</view>
                    </view>
                    <view class="list-left-item">
                        <view class="desc">编码：</view>
                        <view>{{item.matnr}}</view>
                        <view class="left-item">{{item.matnr}}</view>
                    </view>
                    <view class="list-left-item">
                        <view class="desc">品名：</view>
                        <view>{{item.maktx}}</view>
                        <view class="left-item">{{item.maktx}}</view>
                    </view>
                    <view class="list-left-item">
                        <view class="desc">规格：</view>
                        <view>{{item.specs}}</view>
                        <view class="left-item">{{item.specs}}</view>
                    </view>
                    <view class="list-left-item">
                        <view class="desc">批号：</view>
                        <view>{{item.batch}}</view>
                        <view class="left-item">{{item.batch}}</view>
                    </view>
                    <view class="list-left-item">
                        <view class="desc">数量：</view>
                        <view>{{item.anfme}}</view>
                        <view class="left-item">{{item.anfme}}</view>
                    </view>
                </view>
                <view class="list-right">
                    <uni-icons type="compose" color="#c1c1c1" size="24"></uni-icons>
                    <uni-icons type="trash" color="#c1c1c1" size="24"></uni-icons>
                    <uni-icons type="compose" color="#c1c1c1" size="24" @click="revise(item,i)"></uni-icons>
                    <uni-icons type="trash" color="#c1c1c1" size="24" @click="remove(item,i)"></uni-icons>
                </view>
            </view>
        </scroll-view>
        <!-- 底部操作按钮 -->
        <view class="buttom">
            <button size="mini">重置</button>
            <button size="mini" type="primary">组托</button>
        </view>
        <!-- 弹窗 -->
        <!-- 修改数量 -->
        <!-- <uni-popup ref="revise" background-color="#fff">
            <view class="revise-box ">
                <view class="" style="position: relative;left: 50px;margin-bottom: 20px;">
                    <text style="display: inline-block;float: left;width: 60px;">合同号：</text>
                    <input type="text" style="width: 100px;border-bottom: 1px solid #9e9e9e;" v-model="dataList.batch">
                </view>
                <view class="changeBox">
                    <view class="num-box">
                        <text style="display: inline-block;float: left;width: 60px;">数量：</text>
                        <uni-number-box :value="count" :max="9999" color="#747474"  @change="changeValue"/>
                    </view> 
                </view>
                <view class="revise-box-buttom">
                    <view>
                        <button class="cu-btn bg-blue" @click="confirm()">确认</button>
                    </view>
                </view>
            </view>
        </uni-popup> -->
        <view>
            <uni-popup ref="revise" type="dialog">
                <view class="popup">
                    <!-- 标题 -->
                    <view class="title">配 置</view>
                    <view class="popup-item">
                        <view class="popup-item-left">合同号:</view>
                        <view class="popup-item-right"><input type="text"></view>
                    </view>
                    <view class="popup-item">
                        <view class="popup-item-left">数量:</view>
                        <view class="popup-item-right" style="border: none;justify-content: center;">
                            <uni-number-box :value="dataList.concat" :max="9999" color="#747474"  @change="changeValue"/>
                        </view>
                    </view>
                    <view class="btn">
                        <view class="btn-left" @click="close">取消</view>
                        <view class="btn-right">确认</view>
                    </view>
                </view>
            </uni-popup>
        </view>
    </view>
</template>

@@ -59,7 +107,7 @@
        data() {
            return {
                dataList: [{
                    matnr: "whycq19950520222222-23232",
                    matnr: "whycq19950222222-232321111",
                    maktx: "wusuowei",
                    specs: "个",
                    batch: "批号",
@@ -101,17 +149,49 @@
                    batch: "批号",
                    anfme: "12"
                }
                ]
                ],
                count: '',
                rowNum: '',
				
            }
        },
        onLoad() {
    
        },
        methods: {}
        methods: {
            revise(item,i) {
                this.count = this.dataList[i].anfme
                // var maxCount = this.matList[index].maxCount
                // if (maxCount == undefined ) {
                //     this.matList[index]["maxCount"] = item.enableQty
                // } 
                // this.enableQty = item.enableQty
                // this.count = this.minCount
                // this.maxCount = item.maxCount
                this.rowNum = i
                this.eject()
            },
            eject(type) {
                this.type = type
                // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
                this.$refs.revise.open(type)
            },
            // 列表删除按钮
            remove(item,index) {
                this.dataList.splice(index,1)
            },
            confirm() {
                this.dataList[this.rowNum].anfme = this.dataList.count
                this.dataList[this.rowNum].batch = this.dataList.batch
                this.$refs.revise.close()
                this.$forceUpdate() // 强制刷新
            },
        }
    }
</script>

<style>
    @import url('../../static/css/wms.css/wms.css');
    .code {
        width: 100%;
        position: fixed;
@@ -155,37 +235,5 @@
        /* border-top: 1px solid #DCDFE6; */
        text-align: center;
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
    }
	
    .list {
        display: flex;
        min-height: 80rpx;
        background-color: #FFF;
        margin-top: 20rpx;
        box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    }
    .list:first-child {
        margin-top: 310rpx;
    }
    .list:last-child {
        margin-bottom: 120rpx;
    }
    .list-left {
        display: flex;
        flex-direction: column;
        margin-left: 20rpx;
        width: 80vw;
    }
    .list-left-item {
        min-height: 40rpx;
        line-height: 40rpx;
        display: flex;
    }
    .list-right {
        display: flex;
        width: 20vw;
        justify-content: space-between;
        align-items: center;
        margin-right: 20rpx;
    }
</style>

 static/css/wms.css/wms.css

New file
@@ -0,0 +1,114 @@
.list {
    display: flex;
    min-height: 80rpx;
    background-color: #FFF;
    margin-top: 20rpx;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
}
.list:first-child {
    margin-top: 310rpx;
}
.list:last-child {
    margin-bottom: 120rpx;
}
.list-left {
    display: flex;
    flex-direction: column;
    margin-left: 20rpx;
    width: 80vw;
}
.list-left-item {
    min-height: 40rpx;
    line-height: 40rpx;
    display: flex;
}
.desc {
    width: 20%;
}
.left-item {
    display: flex;
    flex-wrap: wrap;
    width: 75%;
}
.list-right {
    display: flex;
    width: 20vw;
    justify-content: space-between;
    align-items: center;
    margin-right: 20rpx;
}
.buttom {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100rpx;
    background-color: #FFF;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4) ;
}
.popup {
    width: 80vw;
    min-height: 100rpx;
    background-color: #FFF;
    border-radius: 25rpx;
}
.title {
    height: 100rpx;
    line-height: 100rpx;
    width: 100%;
    color: #606266;
    text-align: center;
    font-size: 18px;
}
.popup-item {
    height: 80rpx;
    line-height: 80rpx;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.popup-item-left {
    width: 16vw;
    padding-right: 20rpx;
    text-align: right;
    color: #606266;
}
.popup-item-right {
    display: flex;
    align-items: center;
    width: 50vw;
    height: 50rpx;
    padding: 2px 5px;
    border: 1px solid #E4E7ED;
    border-radius: 5rpx;
}
.popup-item-right input{
    color: #606266;
}
.btn {
    display: flex;
    height: 90rpx;
    margin-top: 20rpx;
    border-top: 1px solid #DCDFE6;
    justify-content: center;
    align-items: center;
}
.btn-left {
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #606266;
    border-right: 1px solid #DCDFE6;
}
.btn-right {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    color: #409EFF;
}