静态页面

src/components/WuYeJiaoFeiItem/index.css

@@ -2,75 +2,30 @@
   position: relative;
   background: #fff;
   padding: 30px;
+  align-items: flex-start;
 }
-.WuYeJiaoFeiItem > .Title {
-  align-items: center;
-}
-.WuYeJiaoFeiItem > .Title > text {
-  font-size: 24px;
-  color: #999;
-  line-height: 40px;
-}
-.WuYeJiaoFeiItem > .Title > text:first-child {
-  font-size: 30px;
-  color: #333;
-  font-weight: bold;
-  margin-right: 20px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent {
-  padding: 20px;
-  background: rgba(243, 88, 68, 0.08);
+.WuYeJiaoFeiItem > .flex-item {
   position: relative;
-  overflow: hidden;
-  margin-top: 40px;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Name {
-  align-items: center;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Name > text {
-  font-size: 24px;
-  color: #999;
-  line-height: 40px;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Name > text:first-child {
-  color: #333;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   margin-right: 20px;
 }
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Name > text.Num {
-  color: #F35844;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent > text {
+.WuYeJiaoFeiItem > .flex-item > text {
   display: block;
-  font-size: 24px;
+  font-size: 28px;
   color: #333;
   line-height: 40px;
-  margin-top: 6px;
-}
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Price {
-  border-top: 2px solid rgba(0, 0, 0, 0.08);
-  padding: 20px 0;
-  align-items: center;
-  margin-top: 20px;
 }
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Price > text {
+.WuYeJiaoFeiItem > .flex-item > text + text {
   font-size: 24px;
   color: #999;
-  line-height: 60px;
 }
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Price > text.Num {
-  font-size: 48px;
+.WuYeJiaoFeiItem > .flex-item + view > text {
+  display: block;
+  font-size: 28px;
   font-weight: bold;
   color: #F35844;
+  line-height: 40px;
 }
-.WuYeJiaoFeiItem > .JiaoFeiContent > .Price > text.Btn {
-  padding: 0 30px;
-  background: #F35844;
-  border-radius: 60px;
-  color: #fff;
+.WuYeJiaoFeiItem > .flex-item + view > text:nth-child(2) {
+  font-weight: normal;
+  color: #333;
 }

src/components/WuYeJiaoFeiItem/index.jsx

@@ -45,6 +45,7 @@ export default function WuYeJiaoFeiItem (props) {
       </view>
       <view>
         <text>{Data.payPrice}元</text>
+        <text>{Data.isTicket ? '维修费' : '物业费'}</text>
       </view>
     </view>
   )

src/components/WuYeJiaoFeiItem/index.less

@@ -27,6 +27,10 @@
         font-weight: bold;
         color: #F35844;
         line-height: 40px;
+        &:nth-child(2) {
+          font-weight: normal;
+          color: #333;
+        }
       }
     }
   }

src/pages/WuYe/JiaoFeiDetail/index.jsx

@@ -156,10 +156,10 @@ export default function JiaoFeiDetail () {
                 <text>订单编号</text>
                 <text className='flex-item'>{bill.id}</text>
               </view>
-              {/* <view className='flex-h'>
-                <text>缴费人</text>
-                <text className='flex-item'>{null}</text>
-              </view> */}
+              <view className='flex-h'>
+                <text>订单类型</text>
+                <text className='flex-item'>{bill.isTicket ? '维修费' : '物业费'}</text>
+              </view>
               <view className='flex-h'>
                 <text>下单时间</text>
                 <text className='flex-item'>{toolclass.FormatDate(bill.createTime)}</text>

src/pages/WuYe/TianJiaBaoXiu/index.css

@@ -25,11 +25,31 @@
 .WuYeTianJiaBaoXiu > .Form > textarea {
   display: block;
   font-size: 28px;
-  color: #999;
+  color: #333;
   line-height: 40px;
   margin-top: 20px;
   width: 100%;
 }
+.WuYeTianJiaBaoXiu > .Form > .LabelList {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  font-size: 0;
+  border-top: 2px solid rgba(0, 0, 0, 0.08);
+  padding-top: 10px;
+}
+.WuYeTianJiaBaoXiu > .Form > .LabelList > text {
+  font-size: 24px;
+  color: #666;
+  line-height: 48px;
+  border: 2px solid rgba(0, 0, 0, 0.08);
+  padding: 0 20px;
+  border-radius: 6px;
+  margin-right: 10px;
+  margin-top: 10px;
+  display: inline-block;
+  vertical-align: middle;
+}
 .WuYeTianJiaBaoXiu > .Photo {
   padding: 30px;
   padding-bottom: 10px;
@@ -73,7 +93,7 @@
   position: relative;
   z-index: 1;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.PhotoItem > text {
+.WuYeTianJiaBaoXiu > .Photo > view.PhotoItem > text.iconfont {
   display: inline-block;
   position: absolute;
   z-index: 2;

src/pages/WuYe/TianJiaBaoXiu/index.jsx

@@ -100,7 +100,7 @@ export default function WuYeTianJiaBaoXiu () {
     <Page>
       <view className='WuYeTianJiaBaoXiu'>
         <view className='Form'>
-          <Input placeholder='简述你的想法' onInput={TitleChange} value={Title}></Input>
+          <Input placeholder='简述你的想法' onInput={TitleChange} value={Title} style={{ display: 'none' }}></Input>
           <Textarea placeholder='描述问题详情，以便我们更好的相处' onInput={TitleChange} value={Title}></Textarea>
           <view className='LabelList'>
             {

src/pages/WuYe/TianJiaBaoXiu/index.less

@@ -26,7 +26,7 @@
     >textarea {
       display: block;
       font-size: 28px;
-      color: #999;
+      color: #333;
       line-height: 40px;
       margin-top: 20px;
       width: 100%;

src/pages/WuYe/XiuGaiBaoXiu/index.css

@@ -1,4 +1,4 @@
-.WuYeTianJiaBaoXiu {
+.WuYeXiuGaiBaoXiu {
   width: 100%;
   position: relative;
   background: #f8f8f8;
@@ -6,14 +6,14 @@
   min-height: 100%;
   padding-bottom: 160px;
 }
-.WuYeTianJiaBaoXiu > .Form {
+.WuYeXiuGaiBaoXiu > .Form {
   position: relative;
   overflow: hidden;
   padding: 0 30px;
   background-color: #fff;
   padding-bottom: 30px;
 }
-.WuYeTianJiaBaoXiu > .Form > input {
+.WuYeXiuGaiBaoXiu > .Form > input {
   width: 100%;
   display: block;
   font-size: 32px;
@@ -22,15 +22,35 @@
   height: 98px;
   border-bottom: 2px solid rgba(0, 0, 0, 0.08);
 }
-.WuYeTianJiaBaoXiu > .Form > textarea {
+.WuYeXiuGaiBaoXiu > .Form > textarea {
   display: block;
   font-size: 28px;
-  color: #999;
+  color: #333;
   line-height: 40px;
   margin-top: 20px;
   width: 100%;
 }
-.WuYeTianJiaBaoXiu > .Photo {
+.WuYeXiuGaiBaoXiu > .Form > .LabelList {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  font-size: 0;
+  border-top: 2px solid rgba(0, 0, 0, 0.08);
+  padding-top: 10px;
+}
+.WuYeXiuGaiBaoXiu > .Form > .LabelList > text {
+  font-size: 24px;
+  color: #666;
+  line-height: 48px;
+  border: 2px solid rgba(0, 0, 0, 0.08);
+  padding: 0 20px;
+  border-radius: 6px;
+  margin-right: 10px;
+  margin-top: 10px;
+  display: inline-block;
+  vertical-align: middle;
+}
+.WuYeXiuGaiBaoXiu > .Photo {
   padding: 30px;
   padding-bottom: 10px;
   position: relative;
@@ -39,7 +59,7 @@
   background-color: #fff;
   font-size: 0;
 }
-.WuYeTianJiaBaoXiu > .Photo > view {
+.WuYeXiuGaiBaoXiu > .Photo > view {
   display: inline-block;
   vertical-align: middle;
   width: 150px;
@@ -49,10 +69,10 @@
   margin-right: 20px;
   margin-bottom: 20px;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.Add > view {
+.WuYeXiuGaiBaoXiu > .Photo > view.Add > view {
   width: 100%;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.Add > view > text {
+.WuYeXiuGaiBaoXiu > .Photo > view.Add > view > text {
   display: block;
   text-align: center;
   width: 100%;
@@ -60,20 +80,20 @@
   color: #999;
   line-height: 40px;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.Add > view > text:first-child {
+.WuYeXiuGaiBaoXiu > .Photo > view.Add > view > text:first-child {
   font-size: 60px;
   line-height: 80px;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.PhotoItem {
+.WuYeXiuGaiBaoXiu > .Photo > view.PhotoItem {
   background-color: #f8f8f8;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.PhotoItem > image {
+.WuYeXiuGaiBaoXiu > .Photo > view.PhotoItem > image {
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 1;
 }
-.WuYeTianJiaBaoXiu > .Photo > view.PhotoItem > text {
+.WuYeXiuGaiBaoXiu > .Photo > view.PhotoItem > text {
   display: inline-block;
   position: absolute;
   z-index: 2;
@@ -82,7 +102,7 @@
   font-size: 40px;
   color: red;
 }
-.WuYeTianJiaBaoXiu > .Btn {
+.WuYeXiuGaiBaoXiu > .Btn {
   position: fixed;
   left: 30px;
   right: 30px;
@@ -90,7 +110,7 @@
   overflow: hidden;
   bottom: 30px;
 }
-.WuYeTianJiaBaoXiu > .Btn > text {
+.WuYeXiuGaiBaoXiu > .Btn > text {
   width: 100%;
   display: block;
   font-size: 34px;

src/pages/WuYe/XiuGaiBaoXiu/index.jsx

@@ -109,7 +109,7 @@ export default function WuYeXiuGaiBaoXiu () {
     <Page>
       <view className='WuYeXiuGaiBaoXiu'>
         <view className='Form'>
-          <Input placeholder='简述你的想法' onInput={TitleChange} value={DetailInfo === null ? null : DetailInfo.ticketTitle}></Input>
+          <Input placeholder='简述你的想法' onInput={TitleChange} value={DetailInfo === null ? null : DetailInfo.ticketTitle} style={{ display: 'none' }}></Input>
           <Textarea placeholder='描述问题详情，以便我们更好的相处' onInput={TitleChange} value={DetailInfo === null ? null : DetailInfo.ticketTitle}></Textarea>
           <view className='LabelList'>
             {

src/pages/WuYe/XiuGaiBaoXiu/index.less

@@ -26,7 +26,7 @@
     >textarea {
       display: block;
       font-size: 28px;
-      color: #999;
+      color: #333;
       line-height: 40px;
       margin-top: 20px;
       width: 100%;