diff --git a/src/resources/api/autoexec/job/job.js b/src/resources/api/autoexec/job/job.js
index ba8c45403a32794f16cb4a6549d654033e0d4e1e..a90c6cad5410ecff105e8b24d0e92fb26f6d7841 100644
--- a/src/resources/api/autoexec/job/job.js
+++ b/src/resources/api/autoexec/job/job.js
@@ -24,6 +24,9 @@ const job = {
   searchPhaseNode(params) {
     return axios.post('/api/rest/autoexec/job/phase/node/search', params);
   },
+  getJobWaitingDetail(params) {
+    return axios.post('/api/rest/autoexec/job/waiting/detail/get', params);
+  },
   //获取runner节点，通过作业对应的阶段
   getRunnerByPhase(params) {
     return axios.post('/api/rest/autoexec/job/phase/runner/get', params);
diff --git a/src/resources/components/Status/CommonStatus.vue b/src/resources/components/Status/CommonStatus.vue
index 45c656c998245b49ad88a30853279402da14ec3b..2cb36a5f904edf3ad664320b0a75d58712e28055 100644
--- a/src/resources/components/Status/CommonStatus.vue
+++ b/src/resources/components/Status/CommonStatus.vue
@@ -1,15 +1,29 @@
 <template>
   <div v-if="statusName && type == 'block'" class="com-status tips">
-    <div class="fz10 bg status-text" :class="className(statusValue)" @click="handleClick">{{ statusName }}</div>
+    <div
+      class="fz10 bg status-text"
+      :class="className(statusValue)"
+      @click="handleClick"
+      @mouseenter="handleMouseEnter"
+      @mouseleave="handleMouseLeave"
+    >{{ statusName }}</div>
   </div>
   <div v-else-if="statusName && type == 'tag'" class="com-status tag-status">
-    <div class="fz10 bg status-text" :class="className(statusValue)" @click="handleClick">{{ statusName }}</div>
+    <div
+      class="fz10 bg status-text"
+      :class="className(statusValue)"
+      @click="handleClick"
+      @mouseenter="handleMouseEnter"
+      @mouseleave="handleMouseLeave"
+    >{{ statusName }}</div>
   </div>
   <span
     v-else-if="statusName && type == 'text'"
     class="com-status "
     :class="'text-' + statusValue"
     @click="handleClick"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
   >{{ statusName }}</span>
 </template>
 <script>
@@ -51,6 +65,12 @@ export default {
   methods: {
     handleClick() {
       this.$emit('click');
+    },
+    handleMouseEnter() {
+      this.$emit('mouseenter');
+    },
+    handleMouseLeave() {
+      this.$emit('mouseleave');
     }
   },
   computed: {
diff --git a/src/resources/components/Status/status.less b/src/resources/components/Status/status.less
index 0d820b4d7cc55e85e54456e628506b056337d2ee..5a839b3820c511e6befa0b35d56a772f867bb86b 100644
--- a/src/resources/components/Status/status.less
+++ b/src/resources/components/Status/status.less
@@ -76,6 +76,7 @@
     .progress-pausing .ivu-progress-bg {
       background-color: @warning-bg-color;
     }
+    .bg-waiting,
     .bg-paused,
     .progress-paused .ivu-progress-bg {
       background-color: @warning-bg-color;
@@ -189,6 +190,8 @@
     .text-pausing {
       color: @pausing;
     }
+    &.text-waiting,
+    .text-waiting,
     &.text-paused,
     .text-paused {
       color: @paused;
diff --git a/src/resources/components/loading/CircleLoading.vue b/src/resources/components/loading/CircleLoading.vue
index 748c4ddc3d987086bedd8b4011c18a5d56792ea8..6601d33bfaf8d5bbfd020ddb1bb40a5218e6d7ec 100644
--- a/src/resources/components/loading/CircleLoading.vue
+++ b/src/resources/components/loading/CircleLoading.vue
@@ -1,7 +1,12 @@
 <template>
-  <div :style="{ width: size + 'px', height: size + 'px' }" style="display:inline-block">
+  <div
+    :style="{ width: size + 'px', height: size + 'px' }"
+    style="display:inline-block"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
+  >
     <div class="loading">
-      <div class="loading-circle" :style="{ width: size + 'px', height: size + 'px' }"></div>
+      <div class="loading-circle" :style="{ width: size + 'px', height: size + 'px', borderRightColor: color, borderTopColor: color}"></div>
     </div>
   </div>
 </template>
@@ -13,7 +18,19 @@ export default {
     size: {
       type: Number,
       default: 20
+    },
+    color: {
+      type: String,
+      default: ''
     }
+  },
+  methods: {
+    handleMouseEnter() {
+      this.$emit('mouseenter');
+    },
+    handleMouseLeave() {
+      this.$emit('mouseleave');
+    } 
   }
 };
 </script>
@@ -38,9 +55,8 @@ export default {
     border: 2px solid @border-color;
     border-top: 2px solid @primary-color;
     border-right: 2px solid @primary-color;
-    //border-bottom: 2px solid @primary-color;
     border-radius: 50%;
-    animation: spin 3s linear infinite;
+    animation: spin 10s linear infinite;
   }
 
   @keyframes spin {
diff --git a/src/views/pages/autoexec/detail/job-detail.vue b/src/views/pages/autoexec/detail/job-detail.vue
index 83be6b9d9523ff4cc251500564c301ffc79ba336..70475df544f3a742a2dffea1f852218315d13a7b 100644
--- a/src/views/pages/autoexec/detail/job-detail.vue
+++ b/src/views/pages/autoexec/detail/job-detail.vue
@@ -24,12 +24,40 @@
             <UserCard :uuid="jobData.execUser"></UserCard>
           </div>
           <div class="action-item" style="padding: 0px"><Divider type="vertical" style="margin: 0px" /></div>
-          <div ref="statusRef" class="action-item"><Status
-            v-if="jobData.status"
-            :statusName="jobData.statusName"
-            :statusValue="jobData.status"
-            class="job-status"
-          ></Status></div>
+          <div v-if="jobData.status" ref="statusRef" class="action-item">
+            <Tooltip
+              v-if="hasWaiting()"
+              theme="light"
+              max-width="400"
+              placement="right"
+              transfer
+              @on-popper-show="handleWaitingData()"
+              @on-popper-hide="()=> {
+                waitingTableConfig.tbodyList = [];
+              }"
+            >
+              <Status
+                v-if="jobData.status"
+                :statusName="jobData.statusName"
+                :statusValue="jobData.status"
+                class="job-status"
+              ></Status>
+              <template slot="content">
+                <TsTable
+                  v-bind="waitingTableConfig"
+                  :loading="isLoading"
+                  :theadList="theadList"
+                >
+                </TsTable>
+              </template>
+            </Tooltip>
+            <Status
+              v-else
+              :statusName="jobData.statusName"
+              :statusValue="jobData.status"
+              class="job-status"
+            ></Status>
+          </div>
         </div>
       </template>
       <template v-slot:topRight>
@@ -82,7 +110,7 @@
         </div>
       </template>
       <template v-slot:sider>
-        <PhaseList :phaseList="jobData.phaseList" @change="changePhase"></PhaseList>
+        <PhaseList :phaseList="jobData.phaseList" :waitingDetail="jobData.waitingDetail" @change="changePhase"></PhaseList>
       </template>
       <template v-slot:content>
         <div>
@@ -137,6 +165,7 @@ export default {
     UserCard: () => import('@/resources/components/UserCard/UserCard.vue'),
     ...ContentItem,
     Status: () => import('@/resources/components/Status/CommonStatus.vue'),
+    TsTable: () => import('@/resources/components/TsTable/TsTable.vue'),
     ExtrainfoDetail: () => import('./jobDetail/extrainfo-detail.vue'),
     JobPhaseFlow: () => import('@/views/pages/autoexec/detail/jobDetail/job-phase-flow.vue'),
     ProjectDirectoryDialog: () => import('@/views/pages/deploy/version/project-directory-dialog'), // 工程目录
@@ -164,6 +193,26 @@ export default {
       selectStepId: null,
       isShowJobParam: false, //显示参数弹框
       phaseEndingStatusList: ['completed', 'aborted', 'failed', 'paused'], //终点状态节点列表，非终点状态列表的需要定时刷新。
+      isLoading: false,
+      theadList: [
+        {
+          title: '排队号',
+          key: 'sort'
+        },
+        {
+          title: '执行器',
+          key: 'runner'
+        },
+        {
+          title: '排队时间',
+          key: 'fcd'
+        }
+      ],
+      waitingTableConfig: {
+        tbodyList: [],
+        currentPage: 1,
+        pageSize: 10
+      },
       statusActionMapping: {
         pending: ['abort'], //未开始：
         running: ['pause', 'abort'], //运行中： 暂停  终止
@@ -174,7 +223,8 @@ export default {
         completed: ['refire', 'valid'], //已成功：重跑
         failed: ['refire'], //已失败：继续
         ready: ['execute', 'revoke'], //已就绪 撤销 执行
-        waitInput: ['abort']
+        waitInput: ['abort'],
+        waiting: ['abort']
       },
       actionMap: {
         valid: {
@@ -250,6 +300,9 @@ export default {
     mutations.setSearchParam({});
   },
   methods: {
+    handleWaitingData() {
+      this.$set(this.waitingTableConfig, 'tbodyList', this.jobData.waitingDetail);
+    },
     toggleSiderHide() {
       this.calculateJobNameMaxWidth();
     },
@@ -388,6 +441,7 @@ export default {
           this.$set(this.jobData, 'phaseList', res.Return['phaseList']);
           this.$set(this.jobData, 'status', res.Return['status']);
           this.$set(this.jobData, 'statusName', res.Return['statusName']);
+          this.$set(this.jobData, 'waitingDetail', res.Return['waitingDetail']);
           if (this.jobData && this.jobData.extraInfo) {
             this.$set(this.jobData, 'extraInfo', res.Return['extraInfo']);
           }
@@ -430,6 +484,7 @@ export default {
           }
           this.$set(this.jobData, 'status', res.Return['status']);
           this.$set(this.jobData, 'statusName', res.Return['statusName']);
+          this.$set(this.jobData, 'waitingDetail', res.Return['waitingDetail']);
           const phaseIdList = [];
           this.jobData.phaseList.forEach(phase => {
             if (!this.phaseEndingStatusList.includes(phase.status)) {
@@ -540,6 +595,11 @@ export default {
           }
         }
       };
+    },
+    hasWaiting() {
+      return () => {
+        return this.jobData.waitingDetail && this.jobData.waitingDetail.length > 0;
+      };
     }
   },
   watch: {}
diff --git a/src/views/pages/autoexec/detail/jobDetail/job-phase-list.vue b/src/views/pages/autoexec/detail/jobDetail/job-phase-list.vue
index 8e8ff68a429dc2ad5c6379676126a129980b9f14..352817b52f2dba10d4975702865f120e3e64c3c2 100644
--- a/src/views/pages/autoexec/detail/jobDetail/job-phase-list.vue
+++ b/src/views/pages/autoexec/detail/jobDetail/job-phase-list.vue
@@ -15,30 +15,91 @@
               style="position: relative"
               @click="selectPhase(phase)"
             >
-              <!-- 进度百分比 -->
               <div v-if="fixedPhaseId && fixedPhaseId === phase.id" class="fz10 text-info fixed-icon tsfont-location-o"></div>
               <div class="name-grid">
                 <div class="overflow">
                   <span :class="{ 'text-primary': activePhaseId && phase.id == activePhaseId }" :title="phase.name || '-'">{{ phase.name || '-' }}</span>
                 </div>
-                <div><Status :statusValue="phase.statusVo.name" :statusName="phase.statusVo.text" class="step-status"></Status></div>
+                <div v-if="!$utils.isEmpty(phase.statusVo)">
+                  <Tooltip
+                    v-if="waitingTableConfig.tbodyList.length > 0"
+                    theme="light"
+                    max-width="400"
+                    placement="right"
+                    transfer
+                    @on-popper-show="handleWaitingData(group)"
+                    @on-popper-hide="()=> {
+                      waitingTableConfig.tbodyList = [];
+                    }"
+                  >
+                    <Status
+                      :statusValue="phase.statusVo.name"
+                      :statusName="phase.statusVo.text"
+                      class="step-status"
+                    ></Status>
+                    <template slot="content">
+                      <TsTable
+                        v-bind="waitingTableConfig"
+                        :loading="isLoading"
+                        :theadList="theadList"
+                      >
+                      </TsTable>
+                    </template>
+                  </Tooltip>
+                  <Status
+                    v-else
+                    :statusValue="phase.statusVo.name"
+                    :statusName="phase.statusVo.text"
+                    class="step-status"
+                    @mouseenter="() => handleWaitingData(group)"
+                  ></Status>
+                </div>
               </div>
               <div class="stepProcess">
                 <Liquid :size="7" :percent="phase.completionRate" :config="{ status: phase.status }"></Liquid>
-                <Tooltip
-                  v-if="getExceptionTips(phase)"
-                  transfer
-                  class="stepStatues com-status"
-                  placement="bottom"
-                  theme="light"
-                >
-                  <span class="tsfont-warning-o" :class="getExceptionTips(phase).class"></span>
-                  <template v-slot:content>
-                    <div>
-                      <div v-for="title in getExceptionTips(phase).titles" :key="title">{{ title }}</div>
-                    </div>
+                <div class="notice-box">
+                  <template v-if="hasWaiting(group)">
+                    <Tooltip
+                      transfer
+                      placement="right"
+                      theme="light"
+                      @on-popper-show="handleWaitingData(group)"
+                      @on-popper-hide="()=> {
+                        waitingTableConfig.tbodyList = [];
+                      }"
+                    >
+                      <CircleLoading
+                        :size="14"
+                        class="mr-xs"
+                        style="margin-top: -2px;"
+                        color="#ffba5a"
+                      ></CircleLoading>
+                      <template v-slot:content>
+                        <div>
+                          <TsTable
+                            v-bind="waitingTableConfig"
+                            :theadList="theadList"
+                          >
+                          </TsTable>
+                        </div>
+                      </template>
+                    </Tooltip>
                   </template>
-                </Tooltip>
+                  <Tooltip
+                    v-if="getExceptionTips(phase)"
+                    transfer
+                    class="com-status"
+                    placement="bottom"
+                    theme="light"
+                  >
+                    <span class="tsfont-warning-o" :class="getExceptionTips(phase).class"></span>
+                    <template v-slot:content>
+                      <div>
+                        <div v-for="title in getExceptionTips(phase).titles" :key="title">{{ title }}</div>
+                      </div>
+                    </template>
+                  </Tooltip>
+                </div>
               </div>
               <div>
                 <Tooltip
@@ -69,7 +130,9 @@
 export default {
   components: {
     Liquid: () => import('@/resources/components/SimpleGraph/Liquid.vue'),
-    Status: () => import('@/resources/components/Status/CommonStatus.vue')
+    Status: () => import('@/resources/components/Status/CommonStatus.vue'),
+    TsTable: () => import('@/resources/components/TsTable/TsTable.vue'),
+    CircleLoading: () => import('@/resources/components/loading/CircleLoading.vue')
   },
   filters: {},
   model: {
@@ -77,12 +140,30 @@ export default {
     event: 'change'
   },
   props: {
-    phaseList: { type: Array }
+    phaseList: { type: Array },
+    waitingDetail: { type: Array }
   },
   data() {
     return {
       fixedPhaseId: null,
-      activePhaseId: null
+      activePhaseId: null,
+      currentPhaseConfig: null,
+      isLoading: false,
+      theadList: [
+        {
+          title: '排队号',
+          key: 'sort'
+        },
+        {
+          title: '执行器',
+          key: 'runner'
+        }
+      ],
+      waitingTableConfig: {
+        tbodyList: [],
+        currentPage: 1,
+        pageSize: 100
+      }
     };
   },
   beforeCreate() {},
@@ -111,6 +192,9 @@ export default {
           this.$el.scrollTop = $select.offsetTop - config.height / 2 + 130;
         }
       }
+    },
+    handleWaitingData(group) {
+      this.$set(this.waitingTableConfig, 'tbodyList', this.waitingDetail.filter(t => t.groupSortList.includes(group.groupSort)));
     }
   },
   computed: {
@@ -120,7 +204,7 @@ export default {
         this.phaseList.forEach(phase => {
           let group = groupList.find(d => d.groupId == phase.groupId);
           if (!group) {
-            group = { groupId: phase.groupId, phaseList: [] };
+            group = { groupId: phase.groupId, phaseList: [], groupSort: phase.jobGroupVo.sort };
             groupList.push(group);
           }
           group['phaseList'].push(phase);
@@ -154,6 +238,11 @@ export default {
         }
         return null;
       };
+    },
+    hasWaiting() {
+      return (group) => {
+        return this.waitingDetail.some(t => t.groupSortList.includes(group.groupSort));
+      };
     }
   },
   watch: {
@@ -305,16 +394,15 @@ export default {
         }
       }
       .stepProcess {
+        display: grid;
+        grid-template-columns: calc(100% - 70px) 70px;
+        justify-content: space-between;
         padding-top: 6px;
+        padding-right: 6px;
         line-height: @iconWidth;
-        position: relative;
-        display: block;
-        padding-right: 80px;
-        ::v-deep .stepStatues {
-          padding: 0px 4px;
-          position: absolute;
-          right: 0px;
-          top: 4px;
+        .notice-box {
+          display: flex;
+          justify-content: end;
         }
       }
     }
diff --git a/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue b/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue
index e1c8191bffc8e7e2617c6ee5dea8afd571634e5c..d8c4347fb40ba5356f1a9dc86d7c1620b50045db 100644
--- a/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue
+++ b/src/views/pages/autoexec/detail/jobDetail/phase/node-list.vue
@@ -98,7 +98,7 @@
             'text-success': row.status == 'succeed',
             'text-error': row.status == 'failed',
             'text-grey': row.status == 'pending',
-            'text-warning': row.status == 'ignored' || row.status == 'aborted' || row.status == 'aborting' || row.status == 'waitInput' || row.status == 'paused' || row.status == 'invalid'
+            'text-warning': row.status == 'waiting' || row.status == 'ignored' || row.status == 'aborted' || row.status == 'aborting' || row.status == 'waitInput' || row.status == 'paused' || row.status == 'invalid'
           }"
         >
           <Tooltip