修改

src/pages/scheduling/schedulingPlan.vue

@@ -77,18 +77,24 @@
                 </div>
               </q-td>
               <q-td v-if="col.name == 'DutyStatus'" style="padding-right:0px">
-                <span v-if="props.row.DutyStatus==0" style="color:blue">{{props.row.DutyStatusStr}}</span>
-                <span v-if="props.row.DutyStatus==1" style="color:green">{{props.row.DutyStatusStr}}</span>
-                <span v-if="props.row.DutyStatus==2" style="color:red">{{props.row.DutyStatusStr}}</span>
+                <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>
               </q-td>
               <q-td v-else-if="col.name == 'Id'" style="width:200px;">
-                <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 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> 
               </q-td>
             </template>
           </q-tr>
@@ -168,7 +174,7 @@
           {
             name: 'Id',
             label: '操作',
-            field: 'Id'
+            field: row => row.PlanDetails
           }
         ],
         dataList: [],
@@ -310,12 +316,16 @@
   }
 
 </script>
-<style scoped>
+<style>
   .border-bottom {
     border-bottom: 1px dashed #EEE;
     padding-bottom: 5px;
     margin-bottom: 5px;
   }
+  .Sysuser_Date .el-input__inner {
+    background-color: transparent;
+    border:0;
+  }
 
 </style>
 <style lang="sass">

src/pages/scheduling/schedulingRecord.vue

 <template>
-  <div class="page-body">
+  <div class="page-body schedulingRecord">
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
@@ -77,16 +77,18 @@
               </q-td>
               <q-td v-if="col.name == 'DutyStatusStr'" style="padding-right:0px">
                 <div v-for="item in col.value">
-                  <span v-if="item.DutyStatus==0" style="color:blue" class="border-bottom">{{item.DutyStatusStr}}</span>
-                  <span v-if="item.DutyStatus==1" style="color:green"
-                    class="border-bottom">{{item.DutyStatusStr}}</span>
-                  <span v-if="item.DutyStatus==2" style="color:red" class="border-bottom">{{item.DutyStatusStr}}</span>
+                  <div v-if="item.DutyStatus==0" style="color:blue" class="border-bottom">{{item.DutyStatusStr}}</div>
+                  <div v-if="item.DutyStatus==1" style="color:green"
+                    class="border-bottom">{{item.DutyStatusStr}}</div>
+                  <div v-if="item.DutyStatus==2" style="color:red" class="border-bottom">{{item.DutyStatusStr}}</div>
                 </div>
               </q-td>
               <q-td v-else-if="col.name == 'ViewId'" style="width:200px;">
                 <div v-for="item in col.value">
-                  <q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs"  label="查看"
-                     @click="GoToDutyInfo(item)"   />
+                  <div class="border-bottom" style="border:0;margin-bottom:8px;">
+                    <q-btn flat size="xs" icon="iconfont icon-View" style="font-weight:400;" class="q-mr-xs"  label="查看"
+                       @click="GoToDutyInfo(item)"   />
+                  </div>
                 </div>
               </q-td>
             </template>
@@ -261,12 +263,16 @@
   }
 
 </script>
-<style scoped>
+<style>
   .border-bottom {
     border-bottom: 1px dashed #EEE;
     padding-bottom: 5px;
     margin-bottom: 5px;
   }
+  .Sysuser_Date .el-input__inner {
+    background-color: transparent;
+    border:0;
+  }
 
 </style>
 <style lang="sass">