任务提醒

h5app/src/App.vue

@@ -393,5 +393,22 @@ ion-grid {
   }
 }
 
+.b-badge {
+  padding: 8px;
+  margin-right: 8px;
+}
+
+.b-badge-dange {
+  background-color: #D9001B;
+}
+
+.b-badge-warning {
+  background-color: #F59A23;
+}
+
+.b-badge-default {
+  background-color: #008080;
+}
+
 
 </style>

h5app/src/views/pages/work/task/list.vue

@@ -22,8 +22,13 @@
           <ion-list>
             <ion-item v-for="(record,key) in dataList" :key="key" detail @click="onDetail(record)">
               <ion-label>
-                <div class="multi-title">
-                  <h2>{{ record.doTaskName }}</h2>
+                <div style="display:flex;justify-content: space-between;">
+                  <div class="multi-title" style="justify-content: normal;align-items: center;">
+                    <span class="b-badge"
+                          :class="record.taskLevel==1?'b-badge-dange':(record.taskLevel==2?'b-badge-warning':'b-badge-default')"></span>
+                    <h2>{{ record.doTaskName }}</h2>
+                  </div>
+                  <p style="position: absolute;float: right;right: 15px;">{{ record.taskLevelName }}</p>
                 </div>
                 <p style="margin-top: 8px">任务类型：{{ record.workTypeName }}</p>
                 <p>

h5app/src/views/sapp/tabMain.vue

@@ -64,7 +64,8 @@
             <div style="padding: 10px 0;">
               <ion-item style="--inner-border-width: 0px;" v-for="(record,key) in dataList" :key="key" detail
                         @click="onDetail(record.doTaskID)" v-show="record.taskStatus==0">
-                <span class="b-badge" :class="record.taskLevel==1?'b-badge-dange':(record.taskLevel==2?'b-badge-warning':'b-badge-default')"></span>
+                <span class="b-badge"
+                      :class="record.taskLevel==1?'b-badge-dange':(record.taskLevel==2?'b-badge-warning':'b-badge-default')"></span>
                 <ion-label style="color: #404040;">
                   {{ record.doTaskName }}
                 </ion-label>
@@ -85,7 +86,7 @@
 import {defineComponent, reactive, ref} from "vue";
 import {useRouter} from "vue-router";
 import {getMyWorkTasks} from '@/api/workTask';
-import {onIonViewDidEnter} from "@ionic/vue";
+import {alertController, onIonViewDidEnter} from "@ionic/vue";
 import dayjs from "dayjs";
 import BEmpty from "@/components/empty.vue";
 
@@ -105,7 +106,7 @@ export default defineComponent({
       pageIndex: 1,
       pageSize: 5,
       total: 0,
-    })
+    });
 
     const loadData = async function () {
       loading.value = true;
@@ -142,6 +143,36 @@ export default defineComponent({
       reload();
     });
 
+    const alertTaskWarning = async () => {
+      const result: any = await getMyWorkTasks({
+        pageIndex: 1,
+        pageSize: 1000,
+      });
+
+      const taskWarningList = result.list.filter((it: any) => it.taskLevel === 1);
+
+      if (taskWarningList.length > 0) {
+        const alert = await alertController.create({
+          header: '任务提醒',
+          message: '您有' + taskWarningList.length + '条特别重要任务需要处理！请及时处理！',
+          buttons: [
+            {
+              text: '去处理',
+              handler: () => {
+                onTaskList();
+              }
+            }
+          ],
+          cssClass: 'task_warning_alert'
+        });
+
+        await alert.present();
+      }
+
+    };
+
+    alertTaskWarning();
+
     return {
       router,
       loading,
@@ -273,21 +304,8 @@ export default defineComponent({
   }
 }
 
-.b-badge {
-  padding: 8px;
-  margin-right: 8px;
-}
-
-.b-badge-dange{
-  background-color: #D9001B;
-}
-
-.b-badge-warning{
-  background-color: #F59A23;
-}
-
-.b-badge-default{
-  background-color: #008080;
+.task_warning_alert .alert-title,.task_warning_alert .alert-message{
+  color: red;
 }
 
 </style>