yangan
2024-11-14 09604618b4116951a1f6556f5e48b47a59b5780a
pages/loadUnload-page/loadUnload-page.vue
@@ -3,31 +3,17 @@
      <view class="customer-index">
         <view class="customer-index_body">
            <view class="wait-collection"
               style="background: url('https://mx.jzeg.cn:9095/appimg/image/banner/customerbanner.png') no-repeat;background-size:contain">
               style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/kuguanbanner.png') no-repeat;background-size:100% 100%">
            </view>
            <view style="position: relative;top: -120px;">
            <!-- <view style="position: relative;top: -120px;">
               <u-empty mode="data"
                  icon="http://cdn.uviewui.com/uview/empty/data.png"
                  textSize="30"
                  iconSize="1000"
                  v-if="CoalNameList.length == 0"></u-empty>
            </view>
            <view class="collection-form">
               <view class="collection-form-item"
                  v-for="(item, index) in CoalNameList"
                  :key="index">
                  <view class="first-line">
                     <view class="dispatch-receive">
                        <view class="dispatch">煤种名称:{{ item }}</view>
                     </view>
                     <view class="">
                        <u-button type="primary"
                           plain
                           text="选择"
                           @click.stop="loadUnloadHandle(item)"></u-button>
                     </view>
                  </view>
               </view>
            </view> -->
            <view class="">
               <selectTarget ref='selectTarget' :loadUnloadData='loadUnloadData' ></selectTarget>
            </view>
         </view>
      </view>
@@ -35,10 +21,30 @@
</template>
<script>
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 {
            CoalNameList: []
            loadUnloadData:[],
         };
      },
      onLoad() {
@@ -46,24 +52,8 @@
      },
      methods: {
         init() {
            this.getCoalNameAllHandle()
         },
         getCoalNameAllHandle() {
            uni.showLoading({
               title: "加载中"
            })
            this.$reqGet('getCoalNameAll').then(res => {
               uni.hideLoading()
               if (res.code === 0) {
                  this.CoalNameList = res.data
               } else {
                  this.$u.toast('加载失败')
               }
            })
         },
         loadUnloadHandle(name) {
            uni.navigateTo({
               url: `/pages/loadUnload-page/loadUnload-detail/loadUnload-detail?coalName=${name}`
            this.$nextTick(() => {
               this.$refs.selectTarget.getDeptIdFiled()
            })
         }
      },
@@ -72,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: 600rpx!important;
      }
      }
      /* 超小设备(手机,小于 768px)*/
      @media only screen and (max-height: 767px) {
      .wait-collection{
         min-height: 600rpx!important;
      }
      }
   @mixin flex {
      display: flex;
      justify-content: space-between;
@@ -80,10 +98,17 @@
   .wait-collection {
      width: 100%;
      height: 600rpx;
      height: 600rpx;
      position: relative;
      top: vww(-10);
      z-index: 0;
      // .bannerImg{
      //    width: 100%;
      //    height: 100%;
      //    object-fit: cover;
      //    transform: translateY(200r);
      // }
   }
   .customer-index {