yangan
2024-12-02 06708def68955531f896249c6a0ecbb7910d6ec6
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://mr1.res.jzeg.cn:9096/appimg/image/banner/customerbanner.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'></selectTarget>
            </view>
         </view>
      </view>
@@ -35,10 +21,14 @@
</template>
<script>
   import selectTarget from '@/pages/loadUnload-page/selectTarget/selectTarget.vue'
   export default {
      components: {
         selectTarget
      },
      data() {
         return {
            CoalNameList: []
         };
      },
      onLoad() {
@@ -46,24 +36,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 +46,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;