qushaowei
2023-08-30 fd019c06c025ff7871d77c679d2b61680daf0b4d
src/views/eam/DailyMaintenanceOrderList.vue
@@ -64,6 +64,7 @@
        @click="handleAdd"
        type="primary"
        icon="plus"
        v-has="'dailyMaintenanceOrder:add'"
      >新增</a-button>
      <!-- <a-button
        v-if="selectedRowKeys.length > 0"
@@ -126,6 +127,7 @@
        class="j-table-force-nowrap"
        @change="handleTableChange"
        :rowSelection="rowSelection"
        :rowClassName="tableRowClass"
      >
        <!-- :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" -->
        <!-- <span
@@ -223,6 +225,7 @@
          <a-popconfirm
            title="确定下发工单吗?"
            @confirm="() => handleOrderIssue(record)"
            v-has="'dailyMaintenanceOrder:issue'"
          >
            <a v-if="record.status == '1'">下发</a>
          </a-popconfirm>
@@ -233,6 +236,7 @@
          <a-popconfirm
            title="确定撤回工单吗?"
            @confirm="() => handleOrderReset(record)"
            v-has="'dailyMaintenanceOrder:issue'"
          >
            <a v-if="record.status == '2'">撤回</a>
          </a-popconfirm>
@@ -243,6 +247,7 @@
          <a-popconfirm
            title="确定恢复工单吗?"
            @confirm="() => handleOrderRecover(record)"
            v-has="'dailyMaintenanceOrder:recover'"
          >
            <a v-if="record.status == '7'">恢复</a>
          </a-popconfirm>
@@ -253,6 +258,7 @@
          <a-popconfirm
            title="确定作废工单吗?"
            @confirm="() => handleOrderCancel(record)"
            v-has="'dailyMaintenanceOrder:recover'"
          >
            <a v-if="record.status == '2'">作废</a>
          </a-popconfirm>
@@ -263,16 +269,19 @@
          <a-popconfirm
            title="确定领取工单吗?"
            @confirm="() => handleOrderGet(record)"
            v-has="'dailyMaintenanceOrder:get'"
          >
            <a v-if="record.status == '2' && record.assignMode == '1'">领取</a>
          </a-popconfirm>
          <a
            v-if="record.status == '2' && record.assignMode == '2'  "
            @click="handleAssignOrder(record)"
            v-has="'dailyMaintenanceOrder:assign'"
          >派工</a>
          <a
            v-if="record.status == '3'&& record.assignMode == '2'  && record.maintenanceUserName != null  "
            @click="handleAssignOrder(record)"
            v-has="'dailyMaintenanceOrder:assign'"
          >改派</a>
          <!-- <a
            v-if="record.status == '3'"
@@ -289,6 +298,7 @@
          <a
            v-if="record.status === '3' || record.status === '4'  "
            @click="handleOrderExe(record)"
            v-has="'dailyMaintenanceOrder:exe'"
          >执行</a>
          <a-divider
            v-if="record.status === '3' || record.status === '4' "
@@ -297,6 +307,7 @@
          <a
            v-if="record.status === '1'"
            @click="handleEdit(record)"
            v-has="'dailyMaintenanceOrder:edit'"
          >编辑</a>
          <a-divider
            v-if="record.status === '1'"
@@ -312,6 +323,7 @@
                <a-popconfirm
                  title="确定删除吗?"
                  @confirm="() => handleDelete(record.id)"
                  v-has="'dailyMaintenanceOrder:delete'"
                >
                  <a v-if="record.status === '1'">删除</a>
                </a-popconfirm>
@@ -636,9 +648,44 @@
    //   //清空列表选中
    //   this.onClearSelected()
    // },
    //预警颜色
    tableRowClass(record, index) {
      if ("1" == record.status || "2" == record.status) {
        if (record.yellowWarningTime < record.currentDateTime && record.currentDateTime < record.redWarningTime) {
          return 'yellow'
        } else if (record.redWarningTime < record.currentDateTime && record.currentDateTime < record.planStartTime) {
          return 'error'
        } else if (record.planStartTime < record.currentDateTime) {
          return 'frozenRowClass'
        }
      }
    },
  }
}
</script>
<style scoped>
<style >
@import '~@assets/less/common.less';
.frozenRowClass {
  color: #c9c9c9;
  font-weight: bold;
}
.success {
  color: green;
}
.error {
  color: red;
  font-weight: bold;
}
.yellow {
  color: yellow;
  font-weight: bold;
}
.fontweight {
  font-weight: bold;
}
.ant-table-tbody .red {
  background-color: red !important;
}
</style>