Browse Source

审批记录页面将耗时位置与实际办理人位置对齐

master
yunuo970428 3 years ago
parent
commit
e4a7acc461
  1. 40
      anrui-system-ui/src/components/flow/flowRecord.vue

40
anrui-system-ui/src/components/flow/flowRecord.vue

@ -13,23 +13,29 @@
<el-timeline-item v-for="(item,index ) in flowRecordList" :key="index" :icon="setIcon(item.finishTime)" :color="setColor(item.finishTime)"> <el-timeline-item v-for="(item,index ) in flowRecordList" :key="index" :icon="setIcon(item.finishTime)" :color="setColor(item.finishTime)">
<p style="font-weight: 700">{{ item.taskName }}</p> <p style="font-weight: 700">{{ item.taskName }}</p>
<el-card :body-style="{ padding: '10px' }"> <el-card :body-style="{ padding: '10px' }">
<label v-if="item.taskUserInfos" style="font-weight: normal;margin-right: 30px;">实际办理 <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start">
<span v-for="(items, index ) in item.taskUserInfos" :key="index">{{ items.assigneeName }},</span> <div>
<!-- <el-tag type="info" size="mini">{{item.deptName}}</el-tag>--> <label v-if="item.taskUserInfos" style="font-weight: normal;margin-right: 30px;">实际办理
</label> <span v-for="(items, index ) in item.taskUserInfos" :key="index">{{ items.assigneeName }},</span>
<label v-if="item.candidate" style="font-weight: normal;margin-right: 30px;">候选办理{{ item.candidate }}</label><br> <!-- <el-tag type="info" size="mini">{{item.deptName}}</el-tag>-->
<label style="font-weight: normal">接收时间 </label><label style="color:#8a909c;font-weight: normal">{{ item.createTime }}</label><br> </label>
<label v-if="item.finishTime" style="font-weight: normal">办理时间 </label> <label v-if="item.candidate" style="font-weight: normal;margin-right: 30px;">候选办理{{ item.candidate }}</label><br>
<label style="color:#8a909c;font-weight: normal">{{ item.finishTime }}</label><br> <label style="font-weight: normal">接收时间 </label><label style="color:#8a909c;font-weight: normal">{{ item.createTime }}</label><br>
<label v-if="item.duration" style="font-weight: normal">耗时</label> <label v-if="item.finishTime" style="font-weight: normal">办理时间 </label>
<label style="color:red;font-weight: normal">{{ item.duration }}</label> <label style="color:#8a909c;font-weight: normal">{{ item.finishTime }}</label><br>
<p v-if="item.comment"> <p v-if="item.comment">
<el-tag type="success" v-if="item.comment.type === '1'"> {{ item.comment.comment }}</el-tag> <el-tag type="success" v-if="item.comment.type === '1'"> {{ item.comment.comment }}</el-tag>
<el-tag type="warning" v-if="item.comment.type === '2'"> {{ item.comment.comment }}</el-tag> <el-tag type="warning" v-if="item.comment.type === '2'"> {{ item.comment.comment }}</el-tag>
<el-tag type="danger" v-if="item.comment.type === '3'"> {{ item.comment.comment }}</el-tag> <el-tag type="danger" v-if="item.comment.type === '3'"> {{ item.comment.comment }}</el-tag>
<el-tag type="danger" v-if="item.comment.type === '7'"> {{ item.comment.comment }}</el-tag> <el-tag type="danger" v-if="item.comment.type === '7'"> {{ item.comment.comment }}</el-tag>
<el-tag type="danger" v-if="item.comment.type === '6'"> {{ item.comment.comment }}</el-tag> <el-tag type="danger" v-if="item.comment.type === '6'"> {{ item.comment.comment }}</el-tag>
</p> </p>
</div>
<div>
<label v-if="item.duration" style="font-weight: normal">耗时</label>
<label style="color:red;font-weight: normal">{{ item.duration }}</label>
</div>
</div>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
</el-timeline> </el-timeline>

Loading…
Cancel
Save