任务生成

src/style/layout.styl

@@ -554,13 +554,14 @@ header
     vertical-align middle
 .msg_box
   display inline-block
-  width 420px
-  padding 25px
+  width 4.2rem
+  min-width 360px
+  padding .25rem
   vertical-align middle
   background-color #fff
-  border-radius 4px
+  border-radius .04rem
   border 1px solid #ebeef5
-  font-size 18px
+  font-size .18rem
   box-shadow 0 2px 12px 0 rgb(0 0 0 / 10%)
   text-align left
   overflow hidden
@@ -575,39 +576,57 @@ header
   background #000
   z-index 99
 .msg_item
-  height 50px
-  line-height 50px
+  height .4rem
+  line-height .4rem
+  margin-bottom .07rem
 .label_item
   display inline-block
-  width 90px
-  font-size 16px
+  width .9rem
+  font-size .16rem
   line-height inherit
 .from_item
   display inline-block
-  width calc(100% - 100px)
+  width calc(100% - 1rem)
   line-height inherit
 .from_item .el-select
   width 100%
 .from_item .el-input
-  font-size 14px
+  font-size .14rem
 .from_item .el-input__inner
-  height 50px
+  height .4rem
   line-height inherit
+.el-select .el-input.is-focus .el-input__inner
+  border-color #e74f1a
 .el-select-dropdown__item span
-  font-size 14px !important
+  font-size .14rem !important
 .el-select .el-input .el-select__caret
-  line-height 50px
+  line-height .4rem
+.el-input__inner
+  padding 0 .15rem
+.el-input--suffix .el-input__inner
+  padding-right .3rem
+.el-input__suffix
+  right .05rem
+.el-select .el-input .el-select__caret
+  font-size .14rem
+.el-input__icon
+  width .25rem
 .msg_btns
-  height 35px
-  line-height 35px
-  width 300px
-  margin 25px auto 0
+  _wh(3rem, .35rem)
+  line-height .35rem
+  margin .2rem auto 0
   _fj()
+.msg_input
+  _wh(100%, .4rem)
+  padding 0 .15rem
+  border-radius 4px
+  border 1px solid #DCDFE6
+  _font(.14rem,.4rem,#606266,,)
 .msg_btn
-  width 80px
-  height 35px
-  line-height 35px
-  font-size 14px
+  width .8rem
+  height .35rem
+  line-height .35rem
+  font-size .14rem
   color #fff
   background-color #d7592f
   border-radius 5px
@@ -625,4 +644,125 @@ header
   margin 0 auto
   cursor pointer
   border-radius 2px
-  background-color #e1e1e1
+  background-color #e1e1e1
+// el-radio
+.el-radio
+  margin-right .1rem
+.el-radio__inner
+  _wh(.14rem, .14rem)
+  border .01rem solid #DCDFE6
+  &::after
+    _wh(.04rem, .04rem)
+.el-radio__label
+  font-size .14rem
+  padding-left .1rem
+.el-radio__input
+  vertical-align text-bottom
+// 区域样式
+.container
+  width 100%
+  height calc(100% - .4rem)
+.left_block
+  width 15%
+  height 100%
+  overflow-y scroll
+  background-color #f7f7f7
+.item_block
+  _fj(center,)
+  width 95%
+  height .7rem
+  border-bottom .02rem solid #e5e5e5
+  margin 0 auto
+  padding 0 20%
+  &:hover
+    background-color #eaeaea
+  p
+    _font(.16rem,.22rem,#444,,center)
+.item_block_focus
+  background-color #e1e1e1
+.right_block
+  width 85%
+  height 100%
+  overflow hidden
+.icons
+  height .4rem
+  line-height .4rem
+  padding-left .2rem
+.item_icon
+  _fj(flex-start)
+.color_icon
+  _wh(.15rem, .15rem)
+  border-radius 4px
+.font_icon
+  _font(.14rem,.4rem,#666,,)
+  padding 0 .2rem 0 .1rem
+.blue
+  background-color $blue
+  border .01rem solid $blue
+.green
+  background-color $green
+  border .01rem solid $green
+.orange
+  background-color #E6A23C
+  border .01rem solid #E6A23C
+.gray
+  background-color $gray
+  border .01rem solid $gray
+.red
+  background-color $red
+  border .01rem solid $red
+.locate_block
+  width calc(100% - .4rem)
+  height calc(100% - .6rem)
+  margin 0 .2rem
+  overflow-y scroll
+.item_locate
+  float left
+  _wh(23%, .72rem)
+  margin 0 2% .1rem 0
+  border-radius .1rem
+  overflow hidden
+  _fj()
+  padding 0 .1rem
+  p
+    _font(.16rem,.24rem,#fff,,center)
+.bottom_block
+  _fj()
+  width 100%
+  height 1rem
+  padding 0 .2rem
+  border-top 2px solid #e5e5e5
+.p1
+  display block
+  width 2rem
+  border-bottom .01rem solid #fff
+  _font(.15rem, .3rem, $red,,center)
+  background-color #e5e5e5
+.p2
+  display block
+  _wh(2rem, .5rem)
+  box-sizing border-box
+  padding 0 .04rem
+  background-color #e5e5e5
+  _font(.15rem, .25rem, #464646,,left)
+  word-break break-all
+  text-overflow ellipsis
+  overflow-y auto
+  _fj()
+  justify-content center
+.btn_block
+  width 1.4rem
+  height 100%
+  _fj(center,)
+  flex-direction column
+.btn1
+  width 1rem
+  height .3rem
+  line-height .3rem
+  font-size 14px
+  text-align center
+.mgb20
+  margin-bottom .1rem
+button:disabled
+  background-color #e1e1e1
+  color #444