|
@@ -0,0 +1,200 @@
|
|
|
+<template>
|
|
|
+ <view class="content">
|
|
|
+ <view class="top">
|
|
|
+ <u-search placeholder="输入编号/客户号/车牌号" v-model="inputKeyword"></u-search>
|
|
|
+ <view class="dropdown">
|
|
|
+ <view class="left" @click="selectWarehouse">
|
|
|
+ <view >{{warehouseName}}</view>
|
|
|
+ <u-icon name="arrow-down" color=""></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
+ <u-icon name="checkmark-circle-fill" color="#22C572"></u-icon>
|
|
|
+ <view class="default">默认</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-select v-model="isShowWarehouse" :list="warehouseList" @confirm="confirmWarehouse"></u-select>
|
|
|
+ </view>
|
|
|
+ <view class="middle">
|
|
|
+ <view class="item-style" v-for="(item,index) in dataList" :key="index">
|
|
|
+ <view class="row1">
|
|
|
+ <view class="row1-left">
|
|
|
+ <view class="left">检</view>
|
|
|
+ <view>
|
|
|
+ <view class="top-title">
|
|
|
+ RKZJ20210823xxxxxxx
|
|
|
+ </view>
|
|
|
+ <view class="bottom">2021-07-05</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="right">李四</view>
|
|
|
+ </view>
|
|
|
+ <view class="row2">
|
|
|
+ <view>张三</view>
|
|
|
+ <view>辽H12345</view>
|
|
|
+ <view>玉米(20水)</view>
|
|
|
+ </view>
|
|
|
+ <view class="row3">
|
|
|
+ <view class="row3-item">
|
|
|
+ <view class="left">毛</view>
|
|
|
+ <view>未承重</view>
|
|
|
+ </view>
|
|
|
+ <view class="row3-item">
|
|
|
+ <view class="left">皮</view>
|
|
|
+ <view>未承重</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row4">
|
|
|
+ <view class="right" @click="grossWeightClick(item)">毛重</view>
|
|
|
+ <view class="right" @click="tareClick(item)">皮重</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ inputKeyword: '',
|
|
|
+ warehouseName:'',
|
|
|
+ isShowWarehouse: false,
|
|
|
+ warehouseList: [{
|
|
|
+ label: '仓库1',
|
|
|
+ value: 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '仓库2',
|
|
|
+ value: 2,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '仓库3',
|
|
|
+ value: 3,
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ dataList: [{name:1}, {}, {}]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ this.warehouseName = this.warehouseList[0].label
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ selectWarehouse() {
|
|
|
+ this.isShowWarehouse = true
|
|
|
+ },confirmWarehouse(e){
|
|
|
+ console.log(e)
|
|
|
+ this.warehouseName =e[0].label
|
|
|
+ },
|
|
|
+ //毛重
|
|
|
+ grossWeightClick(val){
|
|
|
+ console.log(val)
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'./grossWeightDetail?detailData='+JSON.stringify(val)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ tareClick(val){debugger
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'./tareDetail?detailData='+JSON.stringify(val)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ .top {
|
|
|
+ background: white;
|
|
|
+ padding: 20rpx;
|
|
|
+ border-radius: 0 0 20rpx 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dropdown {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ padding:0 13rpx;
|
|
|
+
|
|
|
+ .right,
|
|
|
+ .left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .item-style {
|
|
|
+ background: white;
|
|
|
+ margin: 20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+
|
|
|
+ .row1 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .row1-left {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ margin-right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top-title {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .bottom {
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .row2{
|
|
|
+ display: flex;
|
|
|
+ background: #F9F9FA;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 10rpx 0;
|
|
|
+ justify-content: space-evenly;
|
|
|
+ margin: 20rpx;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+ .row3{
|
|
|
+ display: flex;
|
|
|
+ .row3-item{
|
|
|
+ display: flex;
|
|
|
+ margin-right: 40rpx;
|
|
|
+ .left{
|
|
|
+ background: #22C572;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 2rpx 10rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: white;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .row4{
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ .right{
|
|
|
+ border: 1px solid #CDCDCD;
|
|
|
+ border-radius: 45rpx;
|
|
|
+ padding: 10rpx 30rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</style>
|