Просмотр исходного кода

质量指标频率配置组件样式调整

cfort 1 год назад
Родитель
Сommit
b6ea40012f
1 измененных файлов с 22 добавлено и 15 удалено
  1. 22 15
      src/views/component/target/frequencyDate.vue

+ 22 - 15
src/views/component/target/frequencyDate.vue

@@ -1,10 +1,10 @@
 <template>
 <template>
     <div class="frequency">
     <div class="frequency">
-        <el-row :gutter="20">
+        <el-row :gutter="20" class="page-row">
             <el-col :span="12" class="inline-item">
             <el-col :span="12" class="inline-item">
                 <div class="label">月度指标统计时间</div>
                 <div class="label">月度指标统计时间</div>
                 <el-select
                 <el-select
-                    v-model="pageData.month"
+                    v-model="pageData.month[1]"
                     clearable
                     clearable
                     :disabled="readonly"
                     :disabled="readonly"
                     placeholder="请选择"
                     placeholder="请选择"
@@ -47,7 +47,7 @@
                 </el-select>
                 </el-select>
             </el-col>
             </el-col>
         </el-row>
         </el-row>
-        <el-row :gutter="20" class="form-row">
+        <el-row :gutter="20" class="page-row">
             <el-col :span="12" class="inline-item">
             <el-col :span="12" class="inline-item">
                 <div class="label">半年指标统计时间</div>
                 <div class="label">半年指标统计时间</div>
                 <el-select
                 <el-select
@@ -124,7 +124,7 @@ export default {
     data () {
     data () {
         return {
         return {
             pageData: {
             pageData: {
-                month: '',
+                month: [0, null],
                 quarter: [],
                 quarter: [],
                 halfYear: [],
                 halfYear: [],
                 year: []
                 year: []
@@ -164,18 +164,25 @@ export default {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
     .frequency {
     .frequency {
         margin-top: 20px;
         margin-top: 20px;
-        .inline-item {
-            display: flex;
-            margin-bottom: 16px;
-            > div {
-                flex-grow: 1;
-                flex-shrink: 1;
-                margin-left: 10px;
+        color: #606266;
+        .page-row {
+            margin-bottom: 12px;
+            &:last-child {
+                margin-bottom: 4px;
             }
             }
-            .label {
-                width: 130px;
-                flex-grow: 0;
-                flex-shrink: 0;
+            .inline-item {
+                display: flex;
+                padding-left: 30px !important;
+                > div {
+                    flex-grow: 1;
+                    flex-shrink: 1;
+                    margin-left: 10px;
+                }
+                .label {
+                    width: 130px;
+                    flex-grow: 0;
+                    flex-shrink: 0;
+                }
             }
             }
         }
         }
     }
     }