修改

src/pages/scheduling/mySchedule.vue

+<style>
+  .Mysche_Dian{
+    width:6px;
+    height:6px;
+    background-color: #6D97FF;
+    border-radius: 50%;
+    margin-right: 10px;
+  }
+  .myPlan_List{
+    display: flex;
+    align-items: center;
+  }
+</style>
 <template>
   <div class="page-body">
     <div class="page-search row items-center">
@@ -8,8 +21,9 @@
         separator="none" title="我的排班计划" :data="dataList" :columns="columns" row-key="name">
         <template v-slot:body-cell-PlanList="props">
           <q-td>
-            <div v-for="(item,index) in props.row.PlanList">
-              {{index+1}}{{item.ItemName}}
+            <div v-for="(item,index) in props.row.PlanList" class="myPlan_List">
+              <div class="Mysche_Dian"></div>
+              <div>{{item.ItemName}}</div>
             </div>
           </q-td>
         </template>
@@ -29,8 +43,10 @@
                   @click="StartSchedule(props.row)" />
               </template>
               <template v-if="props.row.DutyStatus==2">
-                <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400"
-                  :label="props.row.DutyStatusStr" />
+                <!-- <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400"
+                  :label="props.row.DutyStatusStr" /> -->
+                <q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs"  label="查看"
+                   @click="GoToDutyInfo(props.row)"   />
               </template>
             </div>
           </q-td>
@@ -139,7 +155,18 @@
             Shift: obj.Shift
           }
         });
+      },
+      //跳转到值班详情
+      GoToDutyInfo(item) {
+        this.$router.push({
+          path: "/scheduling/scheduleInfo",
+          query: {
+            Id: item.Id,
+            Shift: item.Shift
           }
+        });
+      }
+
     },
   }