| | |
| | | <view class="container"> |
| | | <cu-custom :bgColor="NavBarColor" :isBack="true" backRouterName="productionTask"> |
| | | <block slot="backText">返回</block> |
| | | <block slot="content">任务管理</block> |
| | | <block slot="content">已办</block> |
| | | </cu-custom> |
| | | |
| | | <view style="width: 100%;"> |
| | |
| | | </view> |
| | | |
| | | <view class="container"> |
| | | |
| | | <uni-badge absolute="rightTop" :offset="[-30, 15]" :text="msg1Count" type="error" /> |
| | | |
| | | <uni-badge absolute="rightTop" :offset="[-270, 15]" :text="msg2Count" type="error" /> |
| | | |
| | | <view class="solid-bottom"> |
| | | <scroll-view scroll-x class="nav text-center "> |
| | | <view class="flex text-center justify-around"> |
| | | <view class="cu-item" :class="item.value==TabCur?'text-blue cur':''" |
| | | v-for="(item,index) in tabs" :key="index" @tap="tabSelect" :data-id="item.value"> |
| | | {{item.title}} |
| | | </view> |
| | | </view> |
| | | </scroll-view> |
| | | |
| | | </view> |
| | | |
| | | |
| | | |
| | | <mescroll-uni ref="mescrollRef" @init="mescrollInit" :top="top" @down="downCallback" @up="upCallback"> |
| | | <!-- 列表信息开始 --> |
| | | <view class="content"> |
| | | <uni-card margin="10px" spacing="1px" v-for="(item,index) in msgList" :key="index" |
| | | @click="onClickProductionTask(item)"> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">任务名称:</view> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">流程名称:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs text-bold radius text-right"> |
| | | {{item.partName}} |
| | | </view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">任务类型:</view> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">流程描述:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs radius text-right"> |
| | | {{item.taskType}} |
| | | </view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">优先级:</view> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">流程发起人:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs text-blue radius text-right"> |
| | | {{item.priority}} |
| | | </view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">责任人:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs text-blue radius text-right"> |
| | | {{item.ssignee}} |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">任务描述:</view> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">任务名称:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs radius text-right"> |
| | | {{item.taskDesc}} |
| | | </view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">完成时间:</view> |
| | | <view class="flex-sub bg-white padding-xs margin-xs radius text-right"> |
| | | {{item.dueaDate}} |
| | | </view> |
| | | </view> |
| | | <view class="flex"> |
| | | <view class="flex-sub text-light bg-white padding-xs margin-xs radius">状态:</view> |
| | | <view |
| | | class="flex-sub bg-white padding-xs margin-xs text-bold text-green radius text-right" |
| | | v-if="item.status == '1'"> |
| | | 待处理 |
| | | </view> |
| | | <view |
| | | class="flex-sub bg-white padding-xs margin-xs text-bold text-green radius text-right" |
| | | v-if="item.status == '3'"> |
| | | 已完成 |
| | | </view> |
| | | </view> |
| | | </uni-card> |
| | | </view> |
| | | |
| | | </mescroll-uni> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | const tabs = [{ |
| | | title: '待办', |
| | | value: 0 |
| | | }, { |
| | | title: '已办', |
| | | value: 1 |
| | | }]; |
| | | import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"; |
| | | export default { |
| | | mixins: [MescrollMixin], // 使用mixin |
| | | data() { |
| | | return { |
| | | TabCur: 0, |
| | | type: 'top', |
| | | scrollLeft:0, |
| | | formData: { |
| | |
| | | partNumNameModel: '' |
| | | }, |
| | | NavBarColor: this.NavBarColor, |
| | | tabs, |
| | | current: 0, |
| | | colorIndex: 0, |
| | | activeColor: '#5277A6', |
| | | url: { |
| | | |
| | | stallList: "/mom/partTakeRollingDetail/list" |
| | | stallList: "/assign/flow/finishedList" |
| | | }, |
| | | |
| | | upOption: { |
| | |
| | | // }) |
| | | |
| | | // }, |
| | | tabSelect(e) { |
| | | this.TabCur = e.currentTarget.dataset.id; |
| | | this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60; |
| | | this.msgList = [] // 先置空列表,显示加载进度 |
| | | this.mescroll.resetUpScroll() // 再刷新列表数据 |
| | | }, |
| | | |
| | | |
| | | |
| | | ListTouchStart(e) { |
| | | this.listTouchStart = e.touches[0].pageX |
| | | }, |
| | | |
| | | // ListTouch计算方向 |
| | | ListTouchMove(e) { |
| | | this.listTouchDirection = e.touches[0].pageX - this.listTouchStart > 0 ? 'right' : 'left' |
| | | }, |
| | | |
| | | // ListTouch计算滚动 |
| | | ListTouchEnd(e) { |
| | | if (this.listTouchDirection == 'left') { |
| | | this.modalName = e.currentTarget.dataset.target |
| | | } else { |
| | | this.modalName = null |
| | | } |
| | | this.listTouchDirection = null |
| | | }, |
| | | |
| | | |
| | | |
| | | search() { |
| | | this.$refs.popup.open(); |
| | | }, |