From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期三, 28 五月 2025 16:48:52 +0800 Subject: [PATCH] 初始化项目 --- pages/wareHouse/moveWareHouse/locNoList.vue | 263 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 263 insertions(+), 0 deletions(-) diff --git a/pages/wareHouse/moveWareHouse/locNoList.vue b/pages/wareHouse/moveWareHouse/locNoList.vue new file mode 100644 index 0000000..9e69d86 --- /dev/null +++ b/pages/wareHouse/moveWareHouse/locNoList.vue @@ -0,0 +1,263 @@ +<template> + <view class="page"> + <view class="movewarehouse-locno-bg"/> + <u-navbar title="搴撲綅" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" back-icon-color="#000"/> + <view class="movewarehouse-locno-search"> + <u-search v-model="keywords" shape="square" bg-color="rgba(250,252,255,0.36)" :show-action="false" placeholder="璇疯緭鍏ュ簱浣嶅彿" @clear="search" @custom="search" @search="search"> + </u-search> + </view> + <view class="wrap"> + <scroll-view class="movewarehouse-locno-scroll-list" scroll-y="true"> + <u-cell-group class="movewarehouse-locno-scroll-list-group" :border="false"> + <view class="content" v-for="(item, index) in list" :key="item.locNo" :index="index" + @click="selectNo(item.locNo)"> + <view class="content-header"> + <view class="content-header-icon"></view> + <view class="content-header-title">{{ item.locName }}</view> + </view> + <view class="content-body"> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-1"> + </view> + <view class="_label-name">搴撲綅缂栧彿锛�</view> + </view> + <view class="_content"> + {{ item.locNo }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-2"> + </view> + <view class="_label-name">搴撲綅绫诲瀷锛�</view> + </view> + <view class="_content"> + {{ item.locTypeName }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-3"> + </view> + <view class="_label-name">搴撲綅鐘舵�侊細</view> + </view> + <view class="_content s1"> + {{ item.locStatusName }} + </view> + </view> + </view> + </view> + </u-cell-group> + </scroll-view> + </view> + </view> +</template> +<script> + import content_bg from '@/static/custom/moveWareHouse/locNoBg.png' + export default { + data() { + return { + background:{ + backgroundImage: `url(${content_bg})`, + backgroundAttachment: 'fixed', + backgroundSize: '100% auto', + backgroundRepeat: 'no-repeat', + }, + keywords: '', + list: [], + originList: [], + }; + }, + onLoad() { + this.loadList(); + }, + onShow() { + if (uni.getStorageSync('refreshList') === true) { + uni.removeStorageSync('refreshList'); + this.search(''); + } + }, + methods: { + loadList() { + + // uni.showLoading({ + // title: '姝e湪璇锋眰...', + // mask: true + // }); + + // 鏌ヨ搴撲綅鍒楄〃 + this.$u.api.pigxWareHouse.fetchList().then(res => { + + // uni.hideLoading(); + this.originList = res.data + this.list = this.originList + }) + }, + optionsClick(rowIndex, btnIndex) { + if (btnIndex == 0) { + let self = this; + uni.showModal({ + title: '鎻愮ず', + content: '纭瑕佸垹闄よ鏁版嵁鍚楋紵', + showCancel: true, + success: function(res2) { + if (res2.confirm) { + let row = self.list[rowIndex]; + self.$u.api.pigxUser.delete({ + id: row.userId + }).then(res => { + self.$u.toast('鍒犻櫎鎴愬姛'); + self.query.current = 1 + self.list = [] + self.loadList() + }); + } + } + }); + } + }, + search(value) { + let that = this + if (value) { + that.list = that.originList.filter(item => item.locNo.includes(value)) + } else { + that.list = that.originList + } + }, + selectNo(no) { + this.refreshLastPage(no) + }, + + //鍒锋柊涓婁竴涓〉闈� + refreshLastPage(no) { + // 鍛婄煡 A.vue 鏇存柊鏁版嵁 + // 鑾峰彇椤甸潰鏍� + let pages = getCurrentPages() + + // 鑾峰彇涓婁竴椤垫爤 + let prevPage = pages[pages.length - 2] + + // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�) + prevPage.$vm.setNo(no) + + // 杩斿洖涓婁竴椤� + uni.navigateBack({ + delta: 1 + }) + }, + } + }; +</script> +<style lang="scss"> + .movewarehouse-locno-bg{ + background-color: #F6F9FF; + background-image: url('~@/static/custom/moveWareHouse/locNoBg.png'); + // background: linear-gradient(180deg,rgba(206,227,254,1),rgba(206,227,254,1) 20%,rgba(206,227,254,0.5) 40%,rgba(206,227,254,0.25) 60%,rgba(206,227,254,0.08) 80%,rgba(206,227,254,0)); + padding: 0 20rpx; + background-attachment: fixed; + background-size: 100% auto; + background-repeat: no-repeat; + position: fixed; + top: 0; + bottom: 0; + width: 100%; + z-index: -1; + } + .movewarehouse-locno-search{ + padding: 40rpx 30rpx 20rpx 30rpx; + } + .wrap .movewarehouse-locno-scroll-list{ + height:calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx); width:100%; + } + .movewarehouse-locno-scroll-list-group{ + ::v-deep .u-cell-item-box { + background-color:rgba(250,252,255,0.36) !important; + padding:0rpx 30rpx ; + } + .content { + font-size: 12px; + background-color: #FFFFFF; + box-sizing: border-box; + border-radius: 10rpx; + margin: 0rpx 0rpx 16rpx; + height: 298rpx; + padding: 10rpx 20rpx; + box-shadow: none; + .content-header{ + height: 90rpx; + display: flex; + align-items:center; + .content-header-icon{ + background-image: url('~@/static/custom/moveWareHouse/header_icon.png'); + background-size: 100% auto; + background-repeat: no-repeat; + height:28rpx; + width:28rpx; + } + .content-header-title{ + margin-left: 11rpx; + font-size: 26rpx; + font-weight: bold; + color: #333333; + } + } + .content-body{ + height:184rpx; + background: #F5F9FF; + border-radius: 10rpx; + padding: 0rpx 23rpx; + .row-list { + height: 60rpx; + display: flex; + flex-direction: row; + padding: 0px; + align-items: center; + } + .row-list ._label { + display: flex; + flex: 0.8; + color: #909399; + align-items: center; + ._label-icon-1{ + background-image: url('~@/static/custom/moveWareHouse/label-icon-1.png'); + background-size: 100% auto; + background-repeat: no-repeat; + height:26rpx; + width:26rpx; + } + ._label-icon-2{ + background-image: url('~@/static/custom/moveWareHouse/label-icon-2.png'); + background-size: 100% auto; + background-repeat: no-repeat; + height:26rpx; + width:26rpx; + } + ._label-icon-3{ + background-image: url('~@/static/custom/moveWareHouse/label-icon-3.png'); + background-size: 100% auto; + background-repeat: no-repeat; + height:26rpx; + width:26rpx; + } + ._label-name{ + margin-left: 11rpx; + font-size: 26rpx; + font-weight: 500; + color: #666666; + } + } + + .row-list ._content { + flex: 1.5; + text-align: right; + color: #909399; + font-size: 24rpx; + } + .row-list .s1 { + color:#D35651; + } + } + } + } +</style> -- Gitblit v1.9.3