From 3713f1e122891450d99af7df3bbcd234a3a4da05 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期一, 04 十一月 2024 09:02:20 +0800
Subject: [PATCH] feat:样式修改
---
pages/loadUnload-page/loadUnload-page.vue | 103 ++++++++++++++++++++++++++++++++-------------------
1 files changed, 64 insertions(+), 39 deletions(-)
diff --git a/pages/loadUnload-page/loadUnload-page.vue b/pages/loadUnload-page/loadUnload-page.vue
index b161ba3..35e226a 100644
--- a/pages/loadUnload-page/loadUnload-page.vue
+++ b/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.coalName }}</view>
- </view>
- <view class="">
- <u-button type="primary"
- plain
- text="閫夋嫨"
- @click.stop="loadUnloadHandle(item.coalName)"></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 {
--
Gitblit v1.9.1