feat:发版

yangan

2024-08-09 040acd447439dc98536281414a6d43a54b00719d

 pages/loadUnload-page/loadUnload-page.vue

@@ -2,8 +2,8 @@
   <view class="">
      <view class="customer-index">
         <view class="customer-index_body">
            <view class="wait-collection"
               style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
            <view class="wait-collection" style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/customerbanner.png') no-repeat;background-size:100% 100%" >
             <!-- <img  class="bannerImg" src="https://wrzs.czjlchem.com:9090/appimg/image/banner/customerbanner.png" alt=""> -->
            </view>
            <!-- <view style="position: relative;top: -120px;">
               <u-empty mode="data"
@@ -13,7 +13,7 @@
                  v-if="CoalNameList.length == 0"></u-empty>
            </view> -->
            <view class="">
               <selectTarget ref='selectTarget'></selectTarget>
               <selectTarget ref='selectTarget' :loadUnloadData='loadUnloadData' ></selectTarget>
            </view>
         </view>
      </view>
@@ -21,13 +21,29 @@
</template>

<script>
   import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
   export default {
      props: {
         indexLoadUnloadBillOfLoadingData: {
            type: Object,
            default: {}
         }
      },
      watch: {
         indexLoadUnloadBillOfLoadingData: {
            handler(v) {
               this.loadUnloadData = v;
            },
            deep: true,
            immediate: true
         }
      },
      components: {
         selectTarget
      },
      data() {
         return {
            loadUnloadData:[],

         };
      },
@@ -46,6 +62,34 @@

<style lang="scss"
   scoped>
   /* 大型设备（大台式电脑，1201px 起）*/
      @media screen and (min-width: 1201px) {
      .wait-collection{
         min-height: 1800rpx!important;
      }
      }

      /* 中型设备（台式电脑，992px 起） */
      @media screen and (min-width: 991px) and (max-width: 1200px) {
      .wait-collection{
         min-height: 1400rpx!important;
      }
      }


      /* 小型设备（平板电脑，768px 起） */
      @media screen and (min-width: 768px) and (max-width: 990px) {
      .wait-collection{
         min-height: 670rpx!important;
      }
      }

      /* 超小设备（手机，小于 768px）*/
      @media only screen and (max-height: 767px) {
      .wait-collection{
         min-height: 600rpx!important;
      }
      }
   @mixin flex {
      display: flex;
      justify-content: space-between;
@@ -54,10 +98,17 @@

   .wait-collection {
      width: 100%;
      height: 600rpx;
      height: 670rpx;
      position: relative;
      top: vww(-10);
      z-index: 0;
      // .bannerImg{
      //    width: 100%;
      //    height: 100%;
      //    object-fit: cover;
      //    transform: translateY(200r);
			 
      // }
   }

   .customer-index {