zhangxiaoxu123
2022-07-29 ce114e1f7e349559c1abd106b83d7595d8646393
pages/check-the-schedule/check-the-schedule.vue
@@ -1,40 +1,50 @@
<template>
   <view class="check-the-schedule">
      <combined-title title="查看进度"></combined-title>
      <view class="scheduleTable">
      <view class="scheduleTable" v-for="(item,index) in scheduleData">
         <uni-table border stripe emptyText="暂无更多数据">
            <!-- 表格数据行 -->
            <uni-tr>
               <uni-th align="center">任务名称</uni-th>
               <uni-td>{{ yibanData.renwu }}</uni-td>
               <uni-td>{{ item.name }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">处理人</uni-th>
               <uni-td>XXX XXX XXX XXX</uni-td>
               <uni-td>
                  <view class="">
                     <u-tag :text="role.nickname" type="primary" size="mini" style="display:inline-block;margin-left: 5%;" plain v-for="(role,roleIndex) in item.assignees" :key="roleIndex"></u-tag>
                  </view>
               </uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">审批操作</uni-th>
               <uni-td>——</uni-td>
               <uni-td>{{item.deleteReason}}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">审批意见</uni-th>
               <uni-td>{{ yibanData.shenpiyijian }}</uni-td>
               <uni-td>{{ item.comment }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">耗时</uni-th>
               <uni-td>{{ yibanData.haoshi }}</uni-td>
               <uni-td>
               <text>{{item.duration >= 86400000
                              ? parseInt(item.duration / 86400000 + '天' + parseInt(item.duration % 86400000) / 3600000 + '时' + parseInt(item.duration % 3600000) / 60000 + '分')
                              : item.duration >= 3600000
                              ? parseInt(item.duration / 3600000) + '时' + parseInt((item.duration / 3600000) % 3600000) + '分'
                              : parseInt(item.duration / 60000) + '分'}}</text>
               </uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">创建时间</uni-th>
               <uni-td>{{ yibanData.createTime }}</uni-td>
               <uni-td>{{ item.createTime }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">完成时间</uni-th>
               <uni-td>——</uni-td>
               <uni-td>{{ item.endTime }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">状态</uni-th>
               <uni-td style="color:#007AFF">待处理</uni-td>
               <uni-td :style="{color:(item.endTime==null?'#969696':'#007AFF')}">{{ item.endTime ==null? '待处理' : '已办理' }}</uni-td>
            </uni-tr>
         </uni-table>
      </view>
@@ -50,17 +60,22 @@
export default {
   data() {
      return {
         yibanData: {
            meizhongshenqing: '葛泉矿申请:煤矸石',
            renwu: '发运审批',
            liucheng: '发运通知单',
            faqiren: '葛泉矿',
            shenpiCaozuo: '审批通过',
            shenpiyijian: '同意',
            haoshi: '19秒',
            createTime: '2022-5-25 12:06:15'
         }
         scheduleData: {
            // meizhongshenqing: '葛泉矿申请:煤矸石',
            // renwu: '发运审批',
            // liucheng: '发运通知单',
            // faqiren: '葛泉矿',
            // shenpiCaozuo: '审批通过',
            // shenpiyijian: '同意',
            // haoshi: '19秒',
            // createTime: '2022-5-25 12:06:15'
         },
         applicationId:null,
         menuShow:false
      };
   },
   onLoad(options){
      this.applicationId = JSON.parse(options.index);
   },
   // 点击导航栏菜单后
   onNavigationBarButtonTap(e) {
@@ -71,12 +86,24 @@
      if(this.menuShow == true){
         this.$refs.menuRef.menuClick()
      }
      this.init();
   },
   components: {
      combinedTitle,
      popupMenu
   },
   methods: {
      init(){
         this.historicFlow()
      },
      historicFlow(){
         this.$reqGet('historicFlow',{},this.applicationId).then(res=>{
            console.log('查看进度',res);
            if(res.code == 0){
               this.scheduleData = res.data
            }
         })
      },
      menushow(e){
         this.menuShow = e
      }
@@ -89,7 +116,7 @@
   width: 100%;
   height: 100%;
   .scheduleTable {
      margin: 0 auto;
      margin: vww(10) auto 0;
      width: 91%;
      .uni-table {
         .uni-table-tr {