付延余
2022-08-03 910f2ef56d0d49a4ce24b2f33860dce4d739b1b4
pages/check-the-schedule/check-the-schedule.vue
@@ -11,27 +11,31 @@
            <uni-tr>
               <uni-th align="center">处理人</uni-th>
               <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 class="assigneesContainer">
              <u-tag :text="role.nickname" type="primary" size="mini" 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>{{item.deleteReason}}</uni-td>
          <uni-td>{{ item.deleteReason == null ? '' : item.deleteReason }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">审批意见</uni-th>
               <uni-td>{{ item.comment }}</uni-td>
          <uni-td>{{ item.comment == null ? '' : item.comment }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">耗时</uni-th>
               <uni-td>
               <text>{{item.duration >= 86400000
            <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>
                    : parseInt(item.duration / 60000) + '分'
              }}
            </text>
               </uni-td>
            </uni-tr>
            <uni-tr>
@@ -40,11 +44,14 @@
            </uni-tr>
            <uni-tr>
               <uni-th align="center">完成时间</uni-th>
               <uni-td>{{ item.endTime }}</uni-td>
          <uni-td>{{ item.endTime == null ? '' : item.endTime }}</uni-td>
            </uni-tr>
            <uni-tr>
               <uni-th align="center">状态</uni-th>
               <uni-td :style="{color:(item.endTime==null?'#969696':'#007AFF')}">{{ item.endTime ==null? '待处理' : '已办理' }}</uni-td>
          <uni-td :style="{color:(item.endTime==null?'#969696':'#007AFF')}">{{
              item.endTime == null ? '待处理' : '已办理'
            }}
          </uni-td>
            </uni-tr>
         </uni-table>
      </view>
@@ -57,6 +64,7 @@
<script>
import popupMenu from '@/components/common/popup-menu/popup-menu.vue';
import combinedTitle from '@/components/common/combined-title/combined-title.vue';
export default {
   data() {
      return {
@@ -115,9 +123,11 @@
::v-deep.check-the-schedule {
   width: 100%;
   height: 100%;
   .scheduleTable {
      margin: vww(10) auto 0;
      width: 91%;
      .uni-table {
         .uni-table-tr {
            .uni-table-th {
@@ -128,6 +138,7 @@
               font-size: vww(13);
               font-weight: 500;
            }
            .uni-table-td {
               width: vww(240);
               height: vww(40);
@@ -135,8 +146,17 @@
               color: #111111;
               font-size: vww(13);
            }
        // 处理人标签盒子
        .assigneesContainer {
          .u-transition {
            display: inline-block;
            margin-left: vww(3);
         }
      }
      }
    }
      // 边框
      // .table--border{
      //    border:1px solid #DDDDDD;