修改样式

src/pages/course/achievements.vue

@@ -7,7 +7,6 @@
     </q-tabs>
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
-
         <div class="col-3">
           <q-select @input="resetSearch" standout="bg-primary text-white" option-value="SId" option-label="SName"
                     v-model="msg.School_Id" :options="schoolList" emit-value map-options label="所属校区" />
@@ -28,7 +27,7 @@
           <q-select @input="resetSearch" standout="bg-primary text-white" option-value="Id" option-label="Name"
                     v-model="msg.PerfState" :options="StateList2" emit-value map-options label="状态" />
         </div>
-        <div class="col-3" v-if="msg.Q_IsComfirm==1">
+        <div class="col-3 Sysuser_Date" v-if="msg.Q_IsComfirm==1">
           <q-field filled>
            <template v-slot:control>
               <el-date-picker v-model="dateList2" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
@@ -37,11 +36,11 @@
             </template>
           </q-field>
         </div>
-        <div class="col-3" v-if="msg.Q_IsComfirm==2">
-          <q-field filled>
+        <div class="col-3 Sysuser_Date" v-if="msg.Q_IsComfirm==2">
+          <q-field filled class="col-6">
            <template v-slot:control>
-          <el-date-picker v-model="dateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
-           range-separator="至"  start-placeholder="结课开始时间"  end-placeholder="结课结束时间">
+              <el-date-picker v-model="dateList" @change="resetSearch()" value-format="yyyy-MM-dd" type="daterange" style="border:none;"
+               range-separator="至"  start-placeholder="结课开始时间"  end-placeholder="结课结束时间">
               </el-date-picker>       
           </template>
           </q-field>
@@ -541,18 +540,9 @@
     }
 </script>
 
-<style scoped>
-  li{
-    list-style-type:none ;
-  }
-  .achievements .el-input__inner {
-    background-color: transparent;
-  }
-  .achievements .el-range-editor .el-range-input {
-    background-color: transparent;
-  }
+<style>
   .achievements ul{padding: 0px}
-  .achievements li{background: rgba(221, 222, 224, 0.2);border-radius: 4px;margin-top:15px}
+  .achievements ul li{background: rgba(221, 222, 224, 0.2);border-radius: 4px;margin-top:15px;list-style-type:none}
   .achievements li .List-title{font-size: 16px;color: #111111;font-weight: bold;margin-bottom: 10px}
   .achievements li .d-div{margin-top: 5px;align-items: center;font-size: 14px}
   .achievements li .dline{display: table;width: 100%;display: flex;flex-direction: row}
@@ -563,7 +553,6 @@
   .achievements li .d1 .di-title{font-size: 16px;color: #111111;}
   .achievements li .d1 .di-c{font-size: 14px;display: flex;align-items: center;line-height: 28px;color: #111111}
   .achievements li .d6{padding: 20px;width: 100%;height: inherit;position: relative;border-top: 1px solid #DDDEE0}
-  /*.achievements li .d2 div{margin: 10px 0;font-size: 14px;color: #111111;}*/
   .achievements li  .d2-n{font-size: 12px;color: #999999;display: inline-block;width: 80px}
   .achievements li .d3 .d3-s{color: #f5576c;font-weight: bold}
   .achievements .d5-item{padding: 3px 10px ;background: #EEEEEF;color: #111111;align-items: center;justify-content: center;border-radius: 4px}
@@ -588,5 +577,12 @@
     font-size: 12px;
     border: 1px solid #E5E5E5;
   }
+  .Sysuser_Date .el-range-editor .el-range-input {
+    background-color: transparent;
+  }
+
+  .Sysuser_Date .el-range-editor.el-input__inner {
+    background-color: transparent;
+  }
 
 </style>

src/pages/course/classHourReward.vue

@@ -485,7 +485,7 @@
     }
 </script>
 
-<style scoped>
+<style>
   .classHourReward .Sysuser_Date .el-input--prefix .el-input__inner {
     background-color: red;
     border: 0;