| | |
| | | <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> |
| | |
| | | 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) { |
| | |
| | | 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 |
| | | } |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | .scheduleTable { |
| | | margin: 0 auto; |
| | | margin: vww(10) auto 0; |
| | | width: 91%; |
| | | .uni-table { |
| | | .uni-table-tr { |