Houjie
2025-04-18 ae3855638dba0c927236c1a1b1a85d5b048c40e2
pages/TaskManager/TaskManagerList.vue
@@ -2,7 +2,7 @@
   <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%;">
@@ -35,101 +35,51 @@
      </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: {
@@ -137,13 +87,11 @@
               partNumNameModel: ''
            },
            NavBarColor: this.NavBarColor,
            tabs,
            current: 0,
            colorIndex: 0,
            activeColor: '#5277A6',
            url: {
   
               stallList: "/mom/partTakeRollingDetail/list"
               stallList: "/assign/flow/finishedList"
            },
            upOption: {
@@ -212,35 +160,7 @@
         //    })
         // },
         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();
         },