| | |
| | | <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> |
| | |
| | | </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() { |
| | |
| | | }, |
| | | 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() |
| | | }) |
| | | } |
| | | }, |
| | |
| | | |
| | | <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; |
| | |
| | | |
| | | .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 { |