页面修改

src/components/schedul/schedul-form.vue

@@ -172,7 +172,8 @@
           Id: 0,
           PlanId: 0,
           Shift: 0,
-          DutyMan: 0
+          DutyMan: 0,
+          DutyStatus:0,
         }
         this.objOption.PlanDetails.push(obj);
       },

src/pages/scheduling/schedulingPlan.vue

@@ -78,23 +78,26 @@
               </q-td>
               <q-td v-if="col.name == 'DutyStatus'" style="padding-right:0px">
                 <div v-for="item in col.value">
-                  <div class="border-bottom" v-if="props.row.DutyStatus==0" style="color:blue">{{props.row.DutyStatusStr}}</div>
-                  <div class="border-bottom" v-if="props.row.DutyStatus==1" style="color:green">{{props.row.DutyStatusStr}}</div>
-                  <div class="border-bottom" v-if="props.row.DutyStatus==2" style="color:red">{{props.row.DutyStatusStr}}</div>
+                  <div class="border-bottom" v-if="props.row.DutyStatus==0" style="color:blue">
+                    {{props.row.DutyStatusStr}}</div>
+                  <div class="border-bottom" v-if="props.row.DutyStatus==1" style="color:green">
+                    {{props.row.DutyStatusStr}}</div>
+                  <div class="border-bottom" v-if="props.row.DutyStatus==2" style="color:red">
+                    {{props.row.DutyStatusStr}}</div>
                 </div>
               </q-td>
               <q-td v-else-if="col.name == 'Id'" style="width:200px;">
-               <div v-for="item in col.value">
-                 <div class="border-bottom" style="border-bottom:0;">
+                <div v-for="item in col.value">
+                  <div class="border-bottom" style="border-bottom:0;">
                     <q-btn v-if="props.row.DutyStatus==0||props.row.DutyStatus==1"  flat size="xs"  icon="edit"
                        style="font-weight:400;" color="edit"  class="q-mr-xs" label="修改"  @click="EditSchedu(props.row)"
                         />
                     <q-btn v-if="props.row.DutyStatus==0"  flat size="xs"  icon="delete"  style="font-weight:400;"
                       color="negative"  class="q-mr-xs" label="删除"  @click="RemovePlan(props.row.Id)" />
                     <q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs"  label="查看"
-                       @click=""   />
-                   </div>
-                </div> 
+                       @click="GoToDutyInfo(item)"   />
+                  </div>
+                </div>
               </q-td>
             </template>
           </q-tr>
@@ -312,6 +315,16 @@
         }
         this.getList()
       },
+      //跳转到值班详情
+      GoToDutyInfo(item) {
+        this.$router.push({
+          path: "/scheduling/scheduleInfo",
+          query: {
+            Id: item.PlanId,
+            Shift: item.Shift
+          }
+        });
+      }
     },
   }
 
@@ -322,9 +335,10 @@
     padding-bottom: 5px;
     margin-bottom: 5px;
   }
+
   .Sysuser_Date .el-input__inner {
     background-color: transparent;
-    border:0;
+    border: 0;
   }
 
 </style>