From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期三, 28 五月 2025 16:48:52 +0800 Subject: [PATCH] 初始化项目 --- pages/product/feed/optaskList.vue | 269 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 269 insertions(+), 0 deletions(-) diff --git a/pages/product/feed/optaskList.vue b/pages/product/feed/optaskList.vue new file mode 100644 index 0000000..6aac8f5 --- /dev/null +++ b/pages/product/feed/optaskList.vue @@ -0,0 +1,269 @@ +<template> + <view class="page"> + <view class="productfeed-optasklist-bg"/> + <u-navbar title="宸ュ崟" :background="background" :border-bottom="false" :title-bold="true" title-color="#000" back-icon-color="#000"/> + <view class="productfeed-optasklist-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="productfeed-optasklist-scroll-list" scroll-y="true"> + <u-cell-group class="productfeed-optasklist-scroll-list-group" :border="false"> + <view class="content" v-for="(item, index) in optaskList" :key="item.optaskNo" :index="index" + @click="selectTask(item)"> + <view class="content-header"> + <view class="content-header-left"> + <view class="content-header-icon"></view> + <view class="content-header-title">{{ item.optaskNo }}</view> + </view> + <view class="content-header-right"> + {{getStateName(item.state)}} + </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.partNo }} + </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.partName }} + </view> + </view> + <view class="row-list"> + <view class="_label"> + <view class="_label-icon-3"> + </view> + <view class="_label-name">璁″垝鏁伴噺锛�</view> + </view> + <view class="_content"> + {{ item.plannedQuantity }} + </view> + </view> + </view> + </view> + </u-cell-group> + </scroll-view> + </view> + </view> +</template> +<script> + import content_bg from '@/static/custom/product/productBg.png' + export default { + data() { + return { + background:{ + backgroundImage: `url(${content_bg})`, + backgroundAttachment: 'fixed', + backgroundSize: '100% auto', + backgroundRepeat: 'no-repeat', + }, + optaskList:[], + originList: [], + keywords:"", + }; + }, + onLoad(params) { + if (params && params.workstationNo !== "undefined") { + this.loadList(params.workstationNo); + } + }, + onShow() { + + }, + methods: { + getStateName(state) { + let reDate = "" + switch (state) { + case "01pending": + reDate = "绛夊緟"; + break; + case "02inProgress": + reDate = "杩涜涓�"; + break; + } + + return reDate; + }, + search(value) { + let that = this + if (value) { + that.optaskList = that.originList.filter(item => item.optaskNo.includes(value)) + } else { + that.optaskList = that.originList + } + }, + loadList(workstationNo) { + + + let params= + { + workstationNo:workstationNo + } + //鏍规嵁宸ヤ綔绔欑紪鍙疯幏鍙栬繘琛屼腑鐨勫伐鍗�&&瀵瑰簲鐨勭嚎杈逛粨 + this.$u.api.pigxFeed.getBasicInfoForPdaFeedByWorkstationNo(params).then(res => { + this.originList = res.data.operationTaskList + this.optaskList = this.originList + }); + + }, + selectTask(task) { + this.refreshLastPage(task) + }, + + //鍒锋柊涓婁竴涓〉闈� + refreshLastPage(task) { + // 鍛婄煡 A.vue 鏇存柊鏁版嵁 + // 鑾峰彇椤甸潰鏍� + let pages = getCurrentPages() + + // 鑾峰彇涓婁竴椤垫爤 + let prevPage = pages[pages.length - 2] + + // 瑙﹀彂涓婁竴椤� upData 鍑芥暟(骞舵惡甯﹀弬鏁�) + prevPage.$vm.setOptask(task) + + // 杩斿洖涓婁竴椤� + uni.navigateBack({ + delta: 1 + }) + }, + } + }; +</script> +<style lang="scss"> + .productfeed-optasklist-bg{ + background-color: #F6F9FF; + background-image: url('~@/static/custom/product/productBg.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; + } + + .productfeed-optasklist-search{ + padding: 40rpx 30rpx 20rpx 30rpx; + } + + .wrap .productfeed-optasklist-scroll-list{ + height:calc(100vh - var(--window-top) - var(--window-bottom) - 242rpx); + width:100%; + } + .productfeed-optasklist-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; + justify-content: space-between; + .content-header-left{ + 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-header-right{ + text-align: right; + font-weight: bold; + color: #FB5B25; + } + } + .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> \ No newline at end of file -- Gitblit v1.9.3