暂无数据做好

src/assets/less/overwrite.css

@@ -33,10 +33,9 @@ img {
   background-color: rgba(247, 224, 212, 0.4);
 }
 .content .footer {
-  text-align: right;
-  background-color: #092834;
-  color: #f94f46;
-  letter-spacing: 1px;
+  background-color: #fcf3ee;
+  text-align: center;
+  color: #5c6468;
 }
 .content .main {
   min-height: 780px;
@@ -93,18 +92,14 @@ img {
 }
 .content .main .cardTask .operation p {
   font-size: 16px;
-  font-weight: 700;
   color: #092834;
 }
-.content .main .cardTask .operation .itemBtn {
-  font-weight: 700;
-}
 .content .main .operation /deep/ .ant-btn {
   padding: 0;
   line-height: 0;
   border: none !important;
   border-radius: 999em;
-  padding: 22px 12px;
+  padding: 18px 10px;
   border: 1px solid red;
 }
 .content .main /deep/ .ant-card-head {
@@ -114,26 +109,29 @@ img {
   letter-spacing: 1px;
 }
 .content .main /deep/ .ant-tabs-nav-container {
-  padding-bottom: 2px;
-  display: flex;
-  justify-content: space-around;
+  padding: 1px 4px 2px 4px;
+  text-align: center;
 }
 .content .main /deep/ .ant-tabs-tab {
   padding: 0;
-  padding: 10px 40px;
+  margin: 0;
+  margin-right: 68px;
+  padding: 10px 17px;
   color: #616161;
   border-radius: 20px;
   background-color: #f8e4da;
 }
+.content .main /deep/ .ant-tabs-tab:last-child {
+  margin-right: 0;
+}
 .content .main /deep/ .ant-tabs-tab-active {
   font-weight: 700;
-  background: #ff9a71;
-  color: #616161;
+  color: white;
+  background: rgba(252, 96, 10, 0.8);
   border: none;
 }
 .content .main /deep/ .ant-tabs-bar {
   border: none;
-  padding: -10px;
 }
 .content .main /deep/ .ant-tabs-ink-bar {
   height: 0;
@@ -153,3 +151,6 @@ img {
   color: white;
   letter-spacing: 1px;
 }
+.content /deep/ .ant-empty-image {
+  margin-top: 120px;
+}

src/assets/less/overwrite.less

@@ -1,4 +1,3 @@
-// 全局样式
 a {
   text-decoration: none; /* 取消链接高亮(移动端)  */
   color: #969696;
@@ -41,10 +40,9 @@ img {
   background-color: rgba(247, 224, 212, 0.4);
 
   .footer {
-    text-align: right;
-    background-color: #092834;
-    color: #f94f46;
-    letter-spacing: 1px;
+    background-color: #fcf3ee;
+    text-align: center;
+    color: #5c6468;
   }
   .main {
     //所有内容设置最小高度
@@ -58,13 +56,6 @@ img {
       background-color: transparent;
     }
     .Header {
-      // padding: 0;
-      // color: rgba(52, 123, 152);
-      // background-color: #347b98;
-      // background-color: none !important;
-      // box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-      // border-bottom-right-radius: 16px;
-      // border-bottom-left-radius: 16px;
       span {
         font-size: 20px;
         font-weight: 700;
@@ -116,12 +107,8 @@ img {
         }
         p {
           font-size: 16px;
-          font-weight: 700;
           color: #092834;
         }
-        .itemBtn {
-          font-weight: 700;
-        }
       }
     }
     // 操作按钮样式
@@ -130,7 +117,7 @@ img {
       line-height: 0;
       border: none !important;
       border-radius: 999em;
-      padding: 22px 12px;
+      padding: 18px 10px;
       border: 1px solid red;
     }
 
@@ -143,29 +130,30 @@ img {
 
     // 3个tabs ===================================
     /deep/.ant-tabs-nav-container {
-      padding-bottom: 2px;
-      display: flex;
-      justify-content: space-around;
+      padding: 1px 4px 2px 4px;
+      text-align: center;
     }
     /deep/.ant-tabs-tab {
       padding: 0;
-      padding: 10px 40px;
+      margin: 0;
+      margin-right: 68px;
+      padding: 10px 17px;
       color: #616161;
-      // border: 1px solid rgba(255, 154, 113);
       border-radius: 20px;
       background-color: #f8e4da;
     }
-
+    //最后一个子元素不要有距离
+    /deep/.ant-tabs-tab:last-child {
+      margin-right: 0;
+    }
     /deep/.ant-tabs-tab-active {
       font-weight: 700;
-      background: rgb(255, 154, 113);
-      color: #616161;
-      // box-shadow: rgb(153, 212, 235) 0px 0px 10px inset;
+      color: white;
+      background: rgba(252, 96, 10, 0.8);
       border: none;
     }
     /deep/.ant-tabs-bar {
       border: none;
-      padding: -10px;
     }
 
     /deep/.ant-tabs-ink-bar {
@@ -195,4 +183,9 @@ img {
       }
     }
   }
+
+  // 暂无数据
+  /deep/.ant-empty-image {
+    margin-top: 120px;
+  }
 }

src/views/activiti/todoManage.vue

@@ -73,6 +73,7 @@
               <span v-else style="color: #999;"> 无 </span>
             </template>
           </a-table-column>
+
           <a-table-column title="状态" dataIndex="isSuspended" :width="100" align="center"
                           key="z" :sorter="(a,b)=>Boolean(a.isSuspended)?0:1 - Boolean(b.isSuspended)?0:1"
           >
@@ -80,16 +81,24 @@
               <span v-if="!Boolean(t)" style="color: green;"> 已激活 </span>
               <span v-if="Boolean(t)" style="color: orange;"> 已挂起 </span>
             </template>
+          
           </a-table-column>
+          
           <a-table-column title="创建时间" dataIndex="createTime" :width="200" align="center">
             <template slot-scope="t">
               <span>{{t}}</span>
             </template>
           </a-table-column>
+
+          <!-- 操作 -->
           <a-table-column title="操作" dataIndex=""  align="center" >
             <template slot-scope="t,r,i">
+
               <a href="javascript:void(0);" @click="detail(r)" style="color: blue">申请详情</a>
+
               <a-divider type="vertical" />
+
+
               <span v-if="Boolean(r.isSuspended)" style="cursor: no-drop;color: #999999;" title="流程已被挂起，无法操作！">
                 通过 <a-divider type="vertical" />
                 驳回 <a-divider type="vertical" />
@@ -103,6 +112,8 @@
                 <a href="javascript:void(0);" @click="delegateTask(r)" style="color: #00A0E9">委托</a>
                 <a-divider type="vertical" />
               </span>
+
+
               <a href="javascript:void(0);" @click="history(r)" style="color: #217dbb">历史</a>
             </template>
           </a-table-column>

src/views/user/Login.vue

@@ -38,7 +38,6 @@
       <a-card title="OA工作台" :bordered="false" style="width: 100%; background:#F7E0D4;">
         <div class="oa">
           <a
-            href="#"
             class="oaItem"
             v-for="(item, index) in activeKeyAll"
             :key="index.id"
@@ -62,14 +61,14 @@
           :processData="lcModal.processData"
           :isNew="lcModal.isNew"
           @afterSubmit="afterSub"
-          @close="(lcModal.visible = false), (lcModal.disabled = false)"
+          @close=";(lcModal.visible = false), (lcModal.disabled = false)"
         >
         </component>
       </a-modal>
     </div>
 
     <!-- 底部 -->
-    <a-layout-footer class="footer">
+    <a-layout-footer class="footer" style="background:#f7e0d4;">
       上海萃颠信息科技有限公司出品
     </a-layout-footer>
   </div>
@@ -252,6 +251,7 @@ export default {
   height: 100%;
   background-color: rgba(#f7e0d4);
   .main {
+    background-color: rgba(247, 224, 212);
     //头部 蓝盒子
     .todoBox {
       padding: 18px;
@@ -334,8 +334,8 @@ export default {
         // 图
         span {
           display: block;
-          width: 60px;
-          height: 60px;
+          width: 40px;
+          height: 40px;
           margin: auto;
           margin-top: 20px;
         }

src/views/user/Todo.vue

@@ -1,16 +1,17 @@
 <template>
   <div class="content">
     <div class="main">
-      <a-layout-header class="Header">
+      <!-- <a-layout-header class="Header">
         <a-icon type="left" @click="$router.go(-1)" style="fontSize:22px;color:rgba(52, 123, 152);" />
         <span>我的事项</span>
-      </a-layout-header>
+      </a-layout-header> -->
 
       <!-- tabs 部分 -->
       <a-layout-content class="todoBody">
         <a-tabs default-active-key="wait" @change="tabClick" class="todoPage">
           <!-- 申请 -->
           <a-tab-pane key="apply" tab="申请" class="apply">
+            <!-- 用于传页面的方法 -->
             <applyTab ref="ApplyTab"></applyTab>
           </a-tab-pane>
 
@@ -184,10 +185,10 @@ export default {
 <style lang="less" scoped>
 .content {
   .main {
-    padding: 14px;
+    padding: 30px 15px 15px 15px ;
     /deep/.ant-tabs {
-      border-top-left-radius: 40px;
-      border-top-right-radius: 40px;
+      // border-top-left-radius: 40px;
+      // border-top-right-radius: 40px;
     }
   }
 }

src/views/user/tabs/ApplyTab.vue

@@ -1,298 +1,305 @@
 <template>
-  <div class="applyTab">
-    <a-card class="cardTask" v-for="item in applyList" :key="item.id">
-      <p class="pTitle">
-        <span>
-          <img src="@assets/look.gif" />
-        </span>
-        <i>
-          {{ item.processName }}
-        </i>
-      </p>
-
-      <p>当前审批环节：{{ item.currTaskName }}</p>
-      <p>创建时间：{{ item.createTime }}</p>
-
-      <!-- 申请状态 -->
-      <p>
-        状态：
-        <span v-if="item.status == 0" class="statusComm" style="background:rgb(9, 40, 52,.1);">
-          草稿
-        </span>
-
-        <span v-if="item.status == 1" class="statusComm" style="background:rgb(252, 96, 10,.2);">
-          处理中
-        </span>
-
-        <span v-if="item.status == 2" class="statusComm" style="background:rgb(9, 40, 52,.2);">
-          已结束
-        </span>
-
-        <span v-if="item.status == 3" class="statusComm" style="background:rgb(9, 40, 52,.1);">
-          已撤回
-        </span>
-      </p>
-
-      <!-- 申请结果 -->
-      <p style="float:left;">
-        结果：
-
-        <span class="resultComm" v-if="item.result == 0" style="background:rgba(52, 123, 152,.7);">
-          未提交
-        </span>
-
-        <span class="resultComm" v-else-if="item.result == 1" style="background:rgb(252, 96, 10,.8);">
-          处理中
-        </span>
-
-        <span class="resultComm" v-else-if="item.result == 2" style="background:rgb(9, 40, 52,.8);">
-          通过
-        </span>
-
-        <span class="resultComm" v-else-if="item.result == 3" style="background:rgba(9, 40, 52,.7);">
-          驳回
-        </span>
-      </p>
-
-      <p style="float:right;">发起人：{{ item.createBy }}</p>
-
-      <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
-
-      <!-- 操作 -->
-      <div class="operation">
+  <div>
+    <!-- 无待办显示 -->
+    <div class="applyList_null" v-if="applyList.length == 0">
+      <a-empty />
+    </div>
+
+    <div class="applyTab">
+      <a-card class="cardTask" v-for="item in applyList" :key="item.id">
+        <p class="pTitle">
+          <span>
+            <img src="@assets/look.gif" />
+          </span>
+          <i>
+            {{ item.processName }}
+          </i>
+        </p>
+
+        <p>当前审批环节：{{ item.currTaskName }}</p>
+        <p>创建时间：{{ item.createTime }}</p>
+
+        <!-- 申请状态 -->
         <p>
-          <span class="operationImg">
-            <img src="@assets/down.png" />
+          状态：
+          <span v-if="item.status == 0" class="statusComm" style="background:rgb(9, 40, 52,.1);">
+            草稿
+          </span>
+
+          <span v-if="item.status == 1" class="statusComm" style="background:rgb(252, 96, 10,.2);">
+            处理中
+          </span>
+
+          <span v-if="item.status == 2" class="statusComm" style="background:rgb(9, 40, 52,.2);">
+            已结束
+          </span>
+
+          <span v-if="item.status == 3" class="statusComm" style="background:rgb(9, 40, 52,.1);">
+            已撤回
+          </span>
+        </p>
+
+        <!-- 申请结果 -->
+        <p style="float:left;">
+          结果：
+
+          <span class="resultComm" v-if="item.result == 0" style="background:rgba(52, 123, 152,.7);">
+            未提交
+          </span>
+
+          <span class="resultComm" v-else-if="item.result == 1" style="background:rgb(252, 96, 10,.8);">
+            处理中
+          </span>
+
+          <span class="resultComm" v-else-if="item.result == 2" style="background:rgb(9, 40, 52,.8);">
+            通过
+          </span>
+
+          <span class="resultComm" v-else-if="item.result == 3" style="background:rgba(9, 40, 52,.7);">
+            驳回
           </span>
-          操作
         </p>
 
-        <!--  -->
-        <div class="btns">
-          <!-- 结果 0 -->
-          <span v-if="item.status == 0">
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="apply(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.9);
+        <p style="float:right;">发起人：{{ item.createBy }}</p>
+
+        <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
+
+        <!-- 操作 -->
+        <div class="operation">
+          <p>
+            <span class="operationImg">
+              <img src="@assets/down.png" />
+            </span>
+            操作
+          </p>
+
+          <!--  -->
+          <div class="btns">
+            <!-- 结果 0 -->
+            <span v-if="item.status == 0">
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="apply(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.9);
                       color:red;"
-            >
-              提交申请
-            </a-button>
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="edit(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
+              >
+                提交申请
+              </a-button>
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="edit(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
                       color:orange;"
-            >
-              编辑
-            </a-button>
-
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="remove(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
+              >
+                编辑
+              </a-button>
+
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="remove(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
                       color:#4e73b9;"
-            >
-              删除
-            </a-button>
-          </span>
-
-          <!-- 处理中   渲染的按钮 -->
-          <span v-if="item.status == 1" class="ingBtns">
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="cancel(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.9);
+              >
+                删除
+              </a-button>
+            </span>
+
+            <!-- 处理中   渲染的按钮 -->
+            <span v-if="item.status == 1" class="ingBtns">
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="cancel(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.9);
                       color:red;"
-            >
-              撤回
-            </a-button>
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="history(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
+              >
+                撤回
+              </a-button>
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="history(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
                       color:orange;"
-            >
-              查看进度
-            </a-button>
-
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="detail(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
+              >
+                查看进度
+              </a-button>
+
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="detail(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128,.7);
                       color:#4e73b9;"
-            >
-              表单数据
-            </a-button>
-          </span>
-
-          <!-- 驳回 状态  渲染的按钮 -->
-          <span v-if="item.status == 2 || item.status == 3" class="overBtns">
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="apply(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+              >
+                表单数据
+              </a-button>
+            </span>
+
+            <!-- 驳回 状态  渲染的按钮 -->
+            <span v-if="item.status == 2 || item.status == 3" class="overBtns">
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="apply(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
                       color:rgb(80, 95, 102);"
-            >
-              重新申请
-            </a-button>
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="edit(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+              >
+                重新申请
+              </a-button>
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="edit(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
                       color:#4e73b9;"
-            >
-              编辑
-            </a-button>
-
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="history(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+              >
+                编辑
+              </a-button>
+
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="history(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
                       color:gray;"
-            >
-              审批历史
-            </a-button>
-
-            <a-button
-              class="itemBtn"
-              ghost
-              @click="remove(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+              >
+                审批历史
+              </a-button>
+
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="remove(item)"
+                style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
                       color:red;"
+              >
+                删除
+              </a-button>
+            </span>
+          </div>
+        </div>
+      </a-card>
+
+      <!--流程申请选择-->
+      <a-drawer
+        title="选择流程"
+        width="33%"
+        placement="right"
+        :closable="false"
+        @close="processModalVisible = false"
+        :visible="processModalVisible"
+      >
+        <a-input-search style="margin-bottom: 10px;width: 200px" placeholder="输入流程名称" @search="onSearchProcess" />
+        <a-empty description="无流程可供选择" v-if="activeKeyAll.length == 0" />
+        <div v-else>
+          <a-collapse v-model="activeKey">
+            <a-collapse-panel
+              v-for="(value, index) in activeKeyAll"
+              :header="filterDictText(dictOptions, value) || '未分类'"
+              :key="value"
             >
-              删除
-            </a-button>
-          </span>
+              <a-list :grid="{ gutter: 10, column: 1 }" :dataSource="processDataMap[value]">
+                <a-list-item slot="renderItem" slot-scope="item">
+                  <a-card>
+                    <div slot="title">
+                      <a-row>
+                        <a-col span="12" :title="item.name">{{ item.name }} </a-col>
+                        <a-col span="12" style="text-align: right;">
+                          <a href="javascript:void (0)" @click="chooseProcess(item)">发起申请</a>
+                        </a-col>
+                      </a-row>
+                    </div>
+                    <b>版本：</b>v.{{ item.version }}
+                    <br />
+                    <b>说明：</b>{{ item.description }}
+                  </a-card>
+                </a-list-item>
+              </a-list>
+            </a-collapse-panel>
+          </a-collapse>
         </div>
-      </div>
-    </a-card>
-
-    <!--流程申请选择-->
-    <a-drawer
-      title="选择流程"
-      width="33%"
-      placement="right"
-      :closable="false"
-      @close="processModalVisible = false"
-      :visible="processModalVisible"
-    >
-      <a-input-search style="margin-bottom: 10px;width: 200px" placeholder="输入流程名称" @search="onSearchProcess" />
-      <a-empty description="无流程可供选择" v-if="activeKeyAll.length == 0" />
-      <div v-else>
-        <a-collapse v-model="activeKey">
-          <a-collapse-panel
-            v-for="(value, index) in activeKeyAll"
-            :header="filterDictText(dictOptions, value) || '未分类'"
-            :key="value"
-          >
-            <a-list :grid="{ gutter: 10, column: 1 }" :dataSource="processDataMap[value]">
-              <a-list-item slot="renderItem" slot-scope="item">
-                <a-card>
-                  <div slot="title">
-                    <a-row>
-                      <a-col span="12" :title="item.name">{{ item.name }} </a-col>
-                      <a-col span="12" style="text-align: right;">
-                        <a href="javascript:void (0)" @click="chooseProcess(item)">发起申请</a>
-                      </a-col>
-                    </a-row>
-                  </div>
-                  <b>版本：</b>v.{{ item.version }}
-                  <br />
-                  <b>说明：</b>{{ item.description }}
-                </a-card>
-              </a-list-item>
-            </a-list>
-          </a-collapse-panel>
-        </a-collapse>
-      </div>
-    </a-drawer>
-
-    <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
-      <component
-        :disabled="lcModa.disabled"
-        v-if="lcModa.visible"
-        :is="lcModa.formComponent"
-        :processData="lcModa.processData"
-        :isNew="lcModa.isNew"
-        @afterSubmit="afterSub"
-        @close=";(lcModa.visible = false), (lcModa.disabled = false)"
-      ></component>
-    </a-modal>
-
-    <!--提交申请表单-->
-    <a-modal title="提交申请" v-model="modalVisible" :mask-closable="false" :width="500" :footer="null">
-      <div v-if="modalVisible">
-        <a-form-item label="选择审批人" v-show="showAssign">
-          <a-select
-            style="width: 100%"
-            v-model="form.assignees"
-            placeholder="请选择"
-            mode="multiple"
-            :allowClear="true"
-          >
-            <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">
-              {{ item.realname }}
-            </a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item label="下一审批人" v-show="isGateway">
-          <a-alert type="info" showIcon message="分支网关处不支持自定义选择下一审批人，将自动下发给所有可审批人。"
-            >，将发送给下一节点所有人</a-alert
-          >
-        </a-form-item>
-        <a-form-item label="优先级" prop="priority">
-          <a-select v-model="form.priority" placeholder="请选择" :allowClear="true" style="width: 100%">
-            <a-select-option :value="0">普通</a-select-option>
-            <a-select-option :value="1">重要</a-select-option>
-            <a-select-option :value="2">紧急</a-select-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item label="消息通知">
-          <a-checkbox v-model="form.sendMessage">站内消息通知</a-checkbox>
-          <!-- <a-checkbox v-model="form.sendSms" disabled>短信通知</a-checkbox>
+      </a-drawer>
+
+      <!--流程表单-->
+      <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
+        <component
+          :disabled="lcModa.disabled"
+          v-if="lcModa.visible"
+          :is="lcModa.formComponent"
+          :processData="lcModa.processData"
+          :isNew="lcModa.isNew"
+          @afterSubmit="afterSub"
+          @close=";(lcModa.visible = false), (lcModa.disabled = false)"
+        ></component>
+      </a-modal>
+
+      <!--提交申请表单-->
+      <a-modal title="提交申请" v-model="modalVisible" :mask-closable="false" :width="500" :footer="null">
+        <div v-if="modalVisible">
+          <a-form-item label="选择审批人" v-show="showAssign">
+            <a-select
+              style="width: 100%"
+              v-model="form.assignees"
+              placeholder="请选择"
+              mode="multiple"
+              :allowClear="true"
+            >
+              <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">
+                {{ item.realname }}
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item label="下一审批人" v-show="isGateway">
+            <a-alert type="info" showIcon message="分支网关处不支持自定义选择下一审批人，将自动下发给所有可审批人。"
+              >，将发送给下一节点所有人</a-alert
+            >
+          </a-form-item>
+          <a-form-item label="优先级" prop="priority">
+            <a-select v-model="form.priority" placeholder="请选择" :allowClear="true" style="width: 100%">
+              <a-select-option :value="0">普通</a-select-option>
+              <a-select-option :value="1">重要</a-select-option>
+              <a-select-option :value="2">紧急</a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item label="消息通知">
+            <a-checkbox v-model="form.sendMessage">站内消息通知</a-checkbox>
+            <!-- <a-checkbox v-model="form.sendSms" disabled>短信通知</a-checkbox>
           <a-checkbox v-model="form.sendEmail" disabled>邮件通知</a-checkbox> -->
-        </a-form-item>
+          </a-form-item>
+
+          <!-- 提交 -->
+          <div slot="footer">
+            <a-button type="text" @click="modalVisible = false">取消</a-button>
+            <div style="display:inline-block;width: 20px;"></div>
+            <a-button type="primary" :disabled="submitLoading" @click="applySubmit">提交</a-button>
+          </div>
+        </div>
+      </a-modal>
 
-        <!-- 提交 -->
+      <!-- 审批历史 -->
+      <a-modal title="审批历史" v-model="modalLsVisible" :mask-closable="false" :width="'100%'" :footer="null">
+        <div v-if="modalLsVisible">
+          <historyModal :procInstId="procInstId"></historyModal>
+        </div>
+      </a-modal>
+
+      <!-- 确认撤回 -->
+      <a-modal title="确认撤回" v-model="modalCancelVisible" :mask-closable="false" :width="500">
+        <a-form ref="delForm" v-model="cancelForm" :label-width="70" v-if="modalCancelVisible">
+          <a-form-item label="撤回原因" prop="reason">
+            <a-input type="textarea" v-model="cancelForm.reason" :rows="4" />
+          </a-form-item>
+        </a-form>
         <div slot="footer">
-          <a-button type="text" @click="modalVisible = false">取消</a-button>
-          <div style="display:inline-block;width: 20px;"></div>
-          <a-button type="primary" :disabled="submitLoading" @click="applySubmit">提交</a-button>
+          <a-button type="text" @click="modalCancelVisible = false">取消</a-button>
+          <a-button type="primary" :disabled="submitLoading" @click="handelSubmitCancel">提交</a-button>
         </div>
-      </div>
-    </a-modal>
-
-    <!-- 审批历史 -->
-    <a-modal title="审批历史" v-model="modalLsVisible" :mask-closable="false" :width="'100%'" :footer="null">
-      <div v-if="modalLsVisible">
-        <historyModal :procInstId="procInstId"></historyModal>
-      </div>
-    </a-modal>
-
-    <!-- 确认撤回 -->
-    <a-modal title="确认撤回" v-model="modalCancelVisible" :mask-closable="false" :width="500">
-      <a-form ref="delForm" v-model="cancelForm" :label-width="70" v-if="modalCancelVisible">
-        <a-form-item label="撤回原因" prop="reason">
-          <a-input type="textarea" v-model="cancelForm.reason" :rows="4" />
-        </a-form-item>
-      </a-form>
-      <div slot="footer">
-        <a-button type="text" @click="modalCancelVisible = false">取消</a-button>
-        <a-button type="primary" :disabled="submitLoading" @click="handelSubmitCancel">提交</a-button>
-      </div>
-    </a-modal>
+      </a-modal>
+    </div>
   </div>
 </template>
 

src/views/user/tabs/DoneTab.vue

@@ -1,127 +1,121 @@
 <template>
-  <div class="waitTab">
-    <a-card class="cardTask" v-for="item in doneList" :key="item.id">
-      <p class="pTitle">
-        <span>
-          <img src="@assets/look.gif" />
-        </span>
-        <i>
-          {{ item.processName }}
-        </i>
-      </p>
-      <p>任务名称：{{ item.name }}</p>
-      <p>创建时间：{{ item.createTime }}</p>
+  <div>
+    <!-- 无待办显示 -->
+    <div class="doneList_null" v-if="doneList.length == 0">
+      <a-empty />
+    </div>
 
-      <!-- 审批操作 -->
-      <p style="float:left;">
-        审批操作：
-        <span
-          v-if="item.deleteReason == '审批通过'"
-          style="background:rgba(20, 137, 184,.3);
-                    padding:4px 10px;
-                    borderRadius:2px;
-                    letterSpacing:1px;
-                    color: #092834;"
-        >
-          {{ item.deleteReason }}</span
-        >
-        <span
-          v-if="item.deleteReason == '审批驳回'"
-          style="background:rgba(9, 40, 52,.7);
-                    padding:4px 10px;
-                    borderRadius:2px;
-                    letterSpacing:1px;
-                    color: white;"
-        >
-          {{ item.deleteReason }}
-        </span>
-               <span
-          v-if="item.deleteReason == '发起人撤回-原因未填写'"
-          style="background:rgba(9, 40, 52,.7);
-                    padding:4px 10px;
-                    borderRadius:2px;
-                    letterSpacing:1px;
-                    color: orange;"
-        >
-          {{ item.deleteReason }}
-        </span>
-      </p>
-      <p style="float:right;">发起人：{{ item.applyer }}</p>
-
-      <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
-
-      <!-- 操作 -->
-      <div class="operation">
-        <p>
-          <span class="operationImg">
-            <img src="@assets/down.png" />
+    <div class="waitTab">
+      <a-card class="cardTask" v-for="item in doneList" :key="item.id">
+        <p class="pTitle">
+          <span>
+            <img src="@assets/look.gif" />
           </span>
-
-          操作
+          <i>
+            {{ item.processName }}
+          </i>
         </p>
+        <p>任务名称：{{ item.name }}</p>
+        <p>创建时间：{{ item.createTime }}</p>
 
-        <div class="btns">
-          <a-button
-            class="itemBtn"
-            ghost
-            @click="detail(item)"
-            style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
-                      color:#4e73b9;"
+        <!-- 审批操作 -->
+        <p style="float:left;">
+          审批操作：
+          <span v-if="item.deleteReason == '审批通过'" class="doneDeleteReason" style="background:rgba(68, 141, 118);">
+            {{ item.deleteReason }}</span
           >
-            表单数据
-          </a-button>
-
-          <a-button
-            class="itemBtn"
-            ghost
-            @click="history(item)"
-            style="color:gray;
-                             box-shadow: 8px 8px 8px rgba(128, 128, 128,.7)"
+          <span
+            v-if="item.deleteReason == '审批驳回'"
+            class="doneDeleteReason"
+            style="background:rgba(235, 77, 50,.7);"
+          >
+            {{ item.deleteReason }}
+          </span>
+          <span
+            v-if="item.deleteReason == '发起人撤回-原因未填写'"
+            class="doneDeleteReason"
+            style="background:rgba(52, 123, 152,.9);"
           >
-            审批历史
-          </a-button>
+            {{ item.deleteReason }}
+          </span>
+        </p>
+        <p style="float:right;">发起人：{{ item.applyer }}</p>
+
+        <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
+
+        <!-- 操作 -->
+        <div class="operation">
+          <p>
+            <span class="operationImg">
+              <img src="@assets/down.png" />
+            </span>
+
+            操作
+          </p>
+
+          <div class="btns">
+            <a-button
+              class="itemBtn"
+              ghost
+              @click="detail(item)"
+              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+                      color:#4e73b9;"
+            >
+              表单数据
+            </a-button>
 
-          <a-popconfirm title="确定删除吗?" placement="left">
             <a-button
               class="itemBtn"
               ghost
-              @click="remove(item)"
+              @click="history(item)"
               style="color:gray;
-                               box-shadow: 7px 7px 7px rgba(128, 128, 128,.7);
-                               color:red;"
+                             box-shadow: 8px 8px 8px rgba(128, 128, 128,.7)"
             >
-              删除
+              审批历史
             </a-button>
-          </a-popconfirm>
+
+            <a-popconfirm title="确定删除吗?" placement="left">
+              <a-button
+                class="itemBtn"
+                ghost
+                @click="remove(item)"
+                style="color:gray;
+                               box-shadow: 7px 7px 7px rgba(128, 128, 128,.7);
+                               color:red;"
+              >
+                删除
+              </a-button>
+            </a-popconfirm>
+          </div>
         </div>
-      </div>
-    </a-card>
+      </a-card>
 
-    <!--审批历史-->
-    <a-modal
-      title="审批历史"
-      v-model="modalLsVisible"
-      :mask-closable="false"
-      :width="'100%'"
-      :footer="null"
-      class="hisModal"
-    >
-      <div v-if="modalLsVisible">
-        <historyModal :procInstId="procInstId"></historyModal>
-      </div>
-    </a-modal>
+      <!--审批历史-->
+      <a-modal
+        title="审批历史"
+        v-model="modalLsVisible"
+        :mask-closable="false"
+        :width="'100%'"
+        :footer="null"
+        class="hisModal"
+      >
+        <div v-if="modalLsVisible">
+          <historyModal :procInstId="procInstId"></historyModal>
+        </div>
+      </a-modal>
 
-    <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
-      <component
-        :disabled="lcModa.disabled"
-        v-if="lcModa.visible"
-        :is="lcModa.formComponent"
-        :processData="lcModa.processData"
-        :isNew="lcModa.isNew"
-        @close=";(lcModa.visible = false), (lcModa.disabled = false)"
-      ></component>
-    </a-modal>
+      <!--流程表单-->
+      <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
+        <component
+          :disabled="lcModa.disabled"
+          v-if="lcModa.visible"
+          :is="lcModa.formComponent"
+          :processData="lcModa.processData"
+          :isNew="lcModa.isNew"
+          @close=";(lcModa.visible = false), (lcModa.disabled = false)"
+        ></component>
+      </a-modal>
+    </div>
   </div>
 </template>
 
@@ -302,4 +296,10 @@ export default {
   display: flex;
   justify-content: space-between;
 }
+.doneDeleteReason {
+  padding: 4px 10px;
+  border-radius: 2px;
+  letter-spacing: 1px;
+  color: white;
+}
 </style>

src/views/user/tabs/WaitTab.vue

@@ -1,207 +1,209 @@
 <template>
-  <div class="waitTab">
-    <a-card class="cardTask" v-for="item in todoList" :key="item.id">
-      <p class="pTitle">
-        <span>
-          <img src="@assets/look.gif" />
-        </span>
-        {{ item.processName }}
-      </p>
-
-      <p>任务名称：{{ item.name }}</p>
-      <p>创建时间：{{ item.createTime }}</p>
-
-      <!-- 优先级 -->
-      <p>
-        优先级：
-        <span class="priorityComm" v-if="item.priority == 0" style="background:rgba(252, 96, 10,.4);color:#092834;">
-          普通
-        </span>
-        <span class="priorityComm" v-else-if="item.priority == 1" style="background:#FC600A;color:white;">
-          重要
-        </span>
-
-        <span class="priorityComm" v-else-if="item.priority == 2" style="background:red;color:white;">
-          紧急
-        </span>
-        <span class="priorityComm" v-else style="background:#999;">
-          无
-        </span>
-      </p>
-
-      <!-- 状态 -->
-      <p style="float:left;marginBottom:30px;">
-        状态：
-        <span v-if="item.isSuspended == false" style="background:rgba(252, 96, 10,.8)" class="resultComm">
-          已激活
-        </span>
-        <span v-if="item.isSuspended == true" style="background:rgba(20, 137, 184,.8)" class="resultComm">
-          已挂起
-        </span>
-        {{ item.status }}
-      </p>
-
-      <!-- 发起人 -->
-      <p style="float:right;marginBottom:30px;">发起人：{{ item.applyer }}</p>
-
-      <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
-
-      <!-- 操作 -->
-      <div class="operation">
+  <div>
+    <!-- 无待办显示 -->
+    <div class="waitTab_null"  v-if="todoList.length == 0">
+      <a-empty />
+    </div>
+
+    <!-- 待办列表 -->
+    <div class="waitTab" >
+      <a-card class="cardTask" v-for="item in todoList" :key="item.id">
+        <p class="pTitle">
+          <span>
+            <img src="@assets/look.gif" />
+          </span>
+          {{ item.processName }}
+        </p>
+
+        <p>任务名称：{{ item.name }}</p>
+        <p>创建时间：{{ item.createTime }}</p>
+
+        <!-- 优先级 -->
         <p>
-          <span class="operationImg">
-            <img src="@assets/down.png" />
+          优先级：
+          <span class="priorityComm" v-if="item.priority == 0" style="background:rgba(252, 96, 10,.4);color:#092834;">
+            普通
+          </span>
+          <span class="priorityComm" v-else-if="item.priority == 1" style="background:#FC600A;color:white;">
+            重要
           </span>
 
-          操作
+          <span class="priorityComm" v-else-if="item.priority == 2" style="background:red;color:white;">
+            紧急
+          </span>
+          <span class="priorityComm" v-else style="background:#999;">
+            无
+          </span>
         </p>
 
-        <div class="btns">
-          <a-button
-            class="itemBtn"
-            ghost
-            @click="detail(item)"
-            style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
-                      color:#4e73b9;"
-          >
-            详情
-          </a-button>
-
-          <!-- 挂起 状态 按钮不可用 -->
-          <span
-            v-if="item.isSuspended == true"
-            style="cursor: no-drop;color: #999999;"
-            title="流程已被挂起，无法操作！"
-          >
-            <a-button class="itemBtn" disabled>通过</a-button>
-            <a-button class="itemBtn" disabled>驳回</a-button>
-            <a-button class="itemBtn" disabled>历史</a-button>
+        <!-- 状态 -->
+        <p style="float:left;marginBottom:30px;">
+          状态：
+          <span v-if="item.isSuspended == false" style="background:rgba(252, 96, 10,.8)" class="resultComm">
+            已激活
           </span>
-
-          <!-- 激活 状态 -->
-          <span v-else>
-            <a-button
-              class="itemBtn midBtn"
-              ghost
-              @click="passTask(item)"
-              style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
-                        color:#4e73b9;"
-            >
-              通过
-            </a-button>
-
-            <a-button
-              class="itemBtn midBtn"
-              ghost
-              @click="backTask(item)"
-              style="color:gray;box-shadow: 5px 5px 5px rgba(128, 128, 128,.7);color:#ea472c;"
-            >
-              驳回
-            </a-button>
-
-            <a-button
-              class="itemBtn midBtn"
-              ghost
-              @click="delegateTask(item)"
-              style="color:gray;box-shadow: 6px 6px 6px rgba(128, 128, 128,.7);color:orange;"
-            >
-              委托
-            </a-button>
+          <span v-if="item.isSuspended == true" style="background:rgba(20, 137, 184,.8)" class="resultComm">
+            已挂起
           </span>
+          {{ item.status }}
+        </p>
 
-          <a-button
-            class="itemBtn"
-            ghost
-            @click="history(item)"
-            style="color:gray;
-                             box-shadow: 4px 4px 4px rgba(128, 128, 128,.7);
-                             position:absolute;
-                             right:0;
-                             marginRight:0;"
-          >
-            历史
-          </a-button>
+        <!-- 发起人 -->
+        <p style="float:right;marginBottom:30px;">发起人：{{ item.applyer }}</p>
+
+        <a-divider style="background:rgba(128, 128, 128,.1);"></a-divider>
+
+        <!-- 操作 -->
+        <div class="operation">
+          <p>
+            <span class="operationImg"><img src="@assets/down.png"/></span>
+            操作
+          </p>
+
+          <div class="btns">
+            <i class="itemBtn">
+              <a-button ghost @click="detail(item)" style="box-shadow: 8px 8px 8px rgba(128, 128, 128);color:#4e73b9;">
+                详情
+              </a-button>
+            </i>
+
+            <!-- 挂起 状态 按钮不可用 -->
+            <span
+              v-if="item.isSuspended == true"
+              style="cursor: no-drop;color: #999999;"
+              title="流程已被挂起，无法操作！"
+            >
+              <a-button class="itemBtn" disabled>通过</a-button>
+              <a-button class="itemBtn" disabled>驳回</a-button>
+              <a-button class="itemBtn" disabled>历史</a-button>
+            </span>
+
+            <!-- 激活 状态 -->
+            <span v-else>
+              <i class="itemBtn">
+                <a-button
+                  ghost
+                  @click="passTask(item)"
+                  style="box-shadow: 8px 8px 8px rgba(128, 128, 128);
+                        color:#4e73b9;"
+                >
+                  通过
+                </a-button>
+              </i>
+              <i class="itemBtn">
+                <a-button
+                  ghost
+                  @click="backTask(item)"
+                  style="color:gray;box-shadow: 5px 5px 5px rgba(128, 128, 128,.7);color:#ea472c;"
+                >
+                  驳回
+                </a-button>
+              </i>
+              <i class="itemBtn">
+                <a-button
+                  ghost
+                  @click="delegateTask(item)"
+                  style="color:gray;box-shadow: 6px 6px 6px rgba(128, 128, 128,.7);color:orange;"
+                >
+                  委托
+                </a-button>
+              </i>
+            </span>
+
+            <!-- position:absolute;right:0;marginRight:0; -->
+            <i class="itemBtn">
+              <a-button ghost @click="history(item)" style="color:gray;box-shadow: 4px 4px 4px rgba(128, 128, 128,.7);">
+                历史
+              </a-button>
+            </i>
+          </div>
         </div>
-      </div>
-    </a-card>
-
-    <!--审批历史    style="background:red" -->
-    <a-modal
-      title="审批历史"
-      v-model="modalLsVisible"
-      :mask-closable="false"
-      :width="'100%'"
-      :footer="null"
-      wrapClassName="hisModal"
-    >
-      <div v-if="modalLsVisible">
-        <historyModal :procInstId="procInstId"></historyModal>
-      </div>
-    </a-modal>
-
-    <!--流程表单-->
-    <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
-      <component
-        :disabled="lcModa.disabled"
-        v-if="lcModa.visible"
-        :is="lcModa.formComponent"
-        :processData="lcModa.processData"
-        :isNew="lcModa.isNew"
-        @close=";(lcModa.visible = false), (lcModa.disabled = false)"
-        @getDataList="getDataList"
-      ></component>
-    </a-modal>
-
-    <!-- 通过、驳回、委托 弹框 -->
-    <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" :width="500">
-      <div v-if="modalTaskVisible">
-        <a-form ref="form" :model="form" :label-width="85" :rules="formValidate">
-          <a-form-item label="审批意见" prop="reason">
-            <a-input type="textarea" v-model="form.comment" :rows="4" />
-          </a-form-item>
-          <a-form-item label="下一审批人" prop="assignees" v-show="showAssign" :error="error">
-            <a-select v-model="form.assignees" placeholder="请选择" allowClear mode="multiple" :loading="userLoading">
-              <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">{{
-                item.realname
-              }}</a-select-option>
-            </a-select>
-          </a-form-item>
-          <a-form-item label="下一审批人" v-show="isGateway">
-            <span>分支网关处暂不支持自定义选择下一审批人，将发送给下一节点所有人</span>
-          </a-form-item>
-          <div v-show="form.type == 1">
-            <a-form-item label="驳回至">
-              <a-select v-model="form.backTaskKey" :loading="backLoading" @change="changeBackTask">
-                <a-select-option v-for="(item, i) in backList" :key="i" :value="item.key">{{
-                  item.name
-                }}</a-select-option>
-              </a-select>
+      </a-card>
+
+      <!--审批历史 -->
+      <a-modal
+        title="审批历史"
+        v-model="modalLsVisible"
+        :mask-closable="false"
+        :width="'100%'"
+        :footer="null"
+        wrapClassName="hisModal"
+      >
+        <div v-if="modalLsVisible">
+          <historyModal :procInstId="procInstId"></historyModal>
+        </div>
+      </a-modal>
+
+      <!--流程表单-->
+      <a-modal :title="lcModa.title" v-model="lcModa.visible" :footer="null" :maskClosable="false" width="100%">
+        <component
+          :disabled="lcModa.disabled"
+          v-if="lcModa.visible"
+          :is="lcModa.formComponent"
+          :processData="lcModa.processData"
+          :isNew="lcModa.isNew"
+          @close=";(lcModa.visible = false), (lcModa.disabled = false)"
+          @getDataList="getDataList"
+        ></component>
+      </a-modal>
+
+      <!-- 通过、驳回、委托 弹框 -->
+      <a-modal :title="modalTaskTitle" v-model="modalTaskVisible" :mask-closable="false" :width="500">
+        <div v-if="modalTaskVisible">
+          <a-form ref="form" :model="form" :label-width="85" :rules="formValidate">
+            <a-form-item label="审批意见" prop="reason">
+              <a-input type="textarea" v-model="form.comment" :rows="4" />
             </a-form-item>
-            <a-form-item label="指定原节点审批人" prop="assignees" v-show="form.backTaskKey != -1" :error="error">
+            <a-form-item label="下一审批人" prop="assignees" v-show="showAssign" :error="error">
               <a-select v-model="form.assignees" placeholder="请选择" allowClear mode="multiple" :loading="userLoading">
-                <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.id">{{
-                  item.username
+                <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.username">{{
+                  item.realname
                 }}</a-select-option>
               </a-select>
             </a-form-item>
-          </div>
+            <a-form-item label="下一审批人" v-show="isGateway">
+              <span>分支网关处暂不支持自定义选择下一审批人，将发送给下一节点所有人</span>
+            </a-form-item>
+            <div v-show="form.type == 1">
+              <a-form-item label="驳回至">
+                <a-select v-model="form.backTaskKey" :loading="backLoading" @change="changeBackTask">
+                  <a-select-option v-for="(item, i) in backList" :key="i" :value="item.key">{{
+                    item.name
+                  }}</a-select-option>
+                </a-select>
+              </a-form-item>
+              <a-form-item label="指定原节点审批人" prop="assignees" v-show="form.backTaskKey != -1" :error="error">
+                <a-select
+                  v-model="form.assignees"
+                  placeholder="请选择"
+                  allowClear
+                  mode="multiple"
+                  :loading="userLoading"
+                >
+                  <a-select-option v-for="(item, i) in assigneeList" :key="i" :value="item.id">{{
+                    item.username
+                  }}</a-select-option>
+                </a-select>
+              </a-form-item>
+            </div>
+
+            <a-form-item label="选择委托人" prop="userId" :error="error" v-show="form.type == 2">
+              <JSelectUserByDep v-model="form.userId" :multi="false"></JSelectUserByDep>
+            </a-form-item>
 
-          <a-form-item label="选择委托人" prop="userId" :error="error" v-show="form.type == 2">
-            <JSelectUserByDep v-model="form.userId" :multi="false"></JSelectUserByDep>
-          </a-form-item>
-
-          <a-form-item label="消息通知">
-            <a-checkbox v-model="form.sendMessage">站内消息通知</a-checkbox>
-            <a-checkbox v-model="form.sendSms" disabled>短信通知</a-checkbox>
-            <a-checkbox v-model="form.sendEmail" disabled>邮件通知</a-checkbox>
-          </a-form-item>
-        </a-form>
-      </div>
-      <div slot="footer">
-        <a-button type="text" @click="modalTaskVisible = false">取消</a-button>
-        <a-button type="primary" :loading="submitLoading" @click="handelSubmit">提交</a-button>
-      </div>
-    </a-modal>
+            <a-form-item label="消息通知">
+              <a-checkbox v-model="form.sendMessage">站内消息通知</a-checkbox>
+              <a-checkbox v-model="form.sendSms" disabled>短信通知</a-checkbox>
+              <a-checkbox v-model="form.sendEmail" disabled>邮件通知</a-checkbox>
+            </a-form-item>
+          </a-form>
+        </div>
+        <div slot="footer">
+          <a-button type="text" @click="modalTaskVisible = false">取消</a-button>
+          <a-button type="primary" :loading="submitLoading" @click="handelSubmit">提交</a-button>
+        </div>
+      </a-modal>
+    </div>
   </div>
 </template>
 
@@ -322,7 +324,6 @@ export default {
           console.log('2次 waitTab 待办列表', this.todoList)
         }
       })
-
     },
 
     //分页、排序、筛选变化时触发
@@ -644,24 +645,11 @@ export default {
 @import '~@assets/less/common.less';
 </style>
 <style lang="less" scoped>
-// 操作按钮
-.wait .btns {
-  position: relative;
-
-  .midBtn {
-    margin-left: 8.3%;
-  }
-}
-.hisModal {
-  // background-color: red;
-  /deep/.ant-modal {
-    background-color: red;
-  }
-  /deep/.ant-modal-header {
-    background-color: red;
-  }
-  /deep/.ant-modal-body {
-    background-color: blue;
+.btns {
+  .itemBtn {
+    display: inline-block;
+    margin-right: 4px;
+    font-weight: 700 !important;
   }
 }
-</style>
+</style>