工单作业、报工查询、工单查询

src/style/layout.styl

@@ -10,28 +10,55 @@
       url('iconfont/iconfont.svg#iconfont') format('svg');
 
 /**日历*/
-[class*=" el-icon-"], [class^=el-icon-]
-  color #c0c4cc
-.el-date-range-picker__header div
-  color #606266
-.el-date-table td span
-  color #606266
-.el-date-editor .el-range__close-icon
-  line-height 24px
-.el-date-range-picker
-  width 5.5rem
-.el-date-table td span
-  width .2rem
-  height .2rem
-  line-height .2rem
-  font-size .14rem
-.el-date-table td div
-  height .24rem
-.el-date-table td
-  padding 0
-  height .28rem
-.el-date-range-picker__content
-  padding .06rem
+// [class*=" el-icon-"], [class^=el-icon-]
+//   color #c0c4cc
+// .el-date-range-picker__header div
+//   color #606266
+// .el-date-table td span
+//   color #606266
+// .el-date-editor .el-range__close-icon
+//   line-height 24px
+// .el-date-range-picker
+//   width 5.5rem
+// .el-date-table td span
+//   width .2rem
+//   height .2rem
+//   line-height .2rem
+//   font-size .14rem
+// .el-date-table td div
+//   height .24rem
+// .el-date-table td
+//   padding 0
+//   height .28rem
+// .el-date-range-picker__content
+//   padding .06rem
+.el-input__inner
+  height 30px
+  line-height 30px
+.el-range-editor.el-input__inner
+  padding 0 5px
+.el-date-editor .el-range__icon
+  font-size 12px
+  line-height 30px
+.el-date-editor .el-range-input
+  font-size 12px
+.el-date-editor .el-range-separator
+  line-height 30px
+  font-size 12px
+// 选择器
+.el-select
+  width 100%
+.el-input
+  line-height 30px
+  font-size 12px
+.el-input__icon
+  line-height 30px
+.el-select-dropdown__item
+  line-height 30px
+  font-size 12px
+  height 30px
+  span
+    font-size 12px
 
 /**icon*/  
 .iconfont
@@ -99,8 +126,8 @@
   font-size: 14px;
   border-radius: 4px;
 .button--primary
-  background-color #67c23a
-  border-color #67c23a
+  background-color #008f8f
+  border-color #008f8f
 .button--defalut
   color #fff
   border 1px solid #c9c9c9
@@ -121,71 +148,82 @@ header
   color #fff
 
 /**nav*/
-.tabs
-  width 100%
-  height 34px
-  margin-bottom 10px
-  li
-    float left
-    line-height 32px
-    text-align center
-    a
-      display inline-block
-      color #fff
-      width 100%
-      font-size 14px
-      padding 0 20px
-    .router-link-active
-      border-bottom 1px solid #15347b
-      box-shadow 0 2px 0 rgba(228, 243, 244, 0.5)
+// .tabs
+//   width 100%
+//   height 34px
+//   margin-bottom 10px
+//   li
+//     float left
+//     line-height 32px
+//     text-align center
+//     a
+//       display inline-block
+//       color #fff
+//       width 100%
+//       font-size 14px
+//       padding 0 20px
+//     .router-link-active
+//       border-bottom 1px solid #15347b
+//       box-shadow 0 2px 0 rgba(228, 243, 244, 0.5)
 
 /**content*/
-.wrap
+.order-wraper
   width 100%
-  height calc(100% - 46px)
-  padding 15px
+  height 100%
 .wrap-filter-buttons
+  display flex
+  justify-content space-between
+  align-items center
   width 100%
+  height 30px
   margin-bottom 15px
 .wrap-filters
   display flex
-  justify-content space-between
-  width 100%
-  height 40px
+  justify-content flex-start
+  align-items center
+  width 60%
+  height 30px
 .wrap-buttons
-  width 100%
+  width 40%
   height 100%
-  margin 10px 0
   text-align right
 .filter_item
-  width 49%
+  width calc(50% - 10px)
   display flex
   justify-content space-between
+  align-items center
+  +.filter_item
+    margin-left 10px
 .filter_label
-  _font(14px, 40px, #fff,,)
-  width 70px
-.filter_input
+  _font(12px, 30px, #fff,,)
+  width 50px
+.filter-input-wrap
   position relative
-  width calc(100% - 70px)
-  height 40px
-  line-height 40px
+  width calc(100% - 55px)
+  height 30px
+  line-height 30px
+  display flex
+  justify-content center
+  align-items center
 .filter-input
-  _wh(100%, 40px)
-  _font(14px, 34px, #606266,,)
-  padding 3px 10px
+  _wh(100%, 29px)
+  _font(12px, 30px, #606266,,)
+  padding 0 10px
   border-radius 4px
+  background-color #fff
 .grid_wraper
-  _wh(100%, calc(100% - 95px))
+  _wh(100%, calc(100% - 45px))
   overflow-y auto
 .filter-table
   width 100%
   text-align center
+  border 1px solid #8B90A6
   th
     position: sticky;
     top -1px
     z-index 1
     color #606266
-    background-color #8B90A6
+    border-left 1px solid #8B90A6
   th,td
     line-height 18px
     font-size 12px