预报列表页面优化

pages/saleForecastList/Detail/Detail.wxml

@@ -34,10 +34,9 @@
 
       <view class='baseitem'>
         <text class='baseitem_key'>会计单位</text>
-        <!-- <picker class='baseitem_value' mode='selector' bindchange='choseUnit' value='{{isUnit}}' range-key="Name" range='{{unit}}'>
-          <text>{{unit[isUnit].Name}}</text>
-        </picker> -->
-        <view class='baseitem_value' bindtap="powerDrawer" data-statu="open" data-x='会计部门' data-item='{{which}}'>
+        <!-- 详情单据内会计单位是否不可编辑 -->
+ <!-- bindtap="powerDrawer" data-statu="open" data-x='会计部门' data-item='{{which}}' -->
+        <view class='baseitem_value' >
           {{unit[isUnit].Name}}
         </view>
       </view>
@@ -73,7 +72,8 @@
         <text class='baseitem_key' space="emsp">摘  要</text>
         <input class='baseitem_value' bindinput='getRemark' placeholder='请输入摘要' placeholder-style='color:rgb(202, 202, 202)'></input>
       </view> -->
-      <button class='submit' catchtap='submitForm'>保存</button>
+      
+      <!-- <button class='submit' catchtap='submitForm'>保存</button> -->
     </scroll-view>
 
     <view class="drawer_screen" bindtap="powerDrawer" data-item='{{which}}' data-statu="close" wx:if="{{showModalStatus}}"></view>

pages/saleForecastList/Detail/Detail.wxss

@@ -60,47 +60,63 @@ page {
   padding-bottom: 20rpx;
 }
 
-.twogroup {
+/* .twogroup {
   display: flex;
   flex-direction: row;
+} */
+
+.baseitem {
+  background: #fff;
+  width: 100%;
+  border-bottom: 0.1px solid #dbdbdb;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-top: 20rpx;
+  padding-bottom: 20rpx;
+  font-size: 30rpx;
 }
 
 .baseitem_key {
   color: #666;
-  width: 20%;
-  margin-left: 5%;
+  width: 40%;
+  margin-left: 20rpx;
 }
 
 .baseitem_value {
-  margin-left: 5%;
-  width: 70%;
   color: rgb(48, 48, 48);
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  width: 160%;
+  text-align: right;
 }
 
 .baseitem_key2 {
   color: #666;
-  width: 20%;
-  font-size: 30rpx;
-  margin-left: 10rpx;
+  width: 40%;
+  margin-left: 20rpx;
 }
 
 .baseitem_value2 {
   color: rgb(48, 48, 48);
-  font-size: 30rpx;
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  width: 160%;
+  text-align: right;
 }
 
 .baseitem_key1 {
   color: #666;
-  width: 40%;
-  font-size: 30rpx;
-  margin-left: 10rpx;
+  width: 100%;
+  margin-left: 20rpx;
 }
 
 .baseitem_value1 {
   color: rgb(48, 48, 48);
-  font-size: 30rpx;
   margin-left: 20rpx;
-  width: 60%;
+  margin-right: 20rpx;
+  width: 100%;
+  text-align: right;
 }
 
 ::-webkit-scrollbar {
@@ -168,14 +184,15 @@ page {
 }
 
 .sousuo {
-  margin-right: 10%;
-  margin-left: 10%;
+  /* margin-right: 10%;
+  margin-left: 10%; */
   text-align: center;
   background: #d6d8da;
   height: 40px;
   font-size: 28rpx;
 }
 
+
 .drawer_content {
   height: 500rpx;
   overflow-y: scroll; /*超出父盒子高度可滚动*/
@@ -198,7 +215,7 @@ page {
   font: 20px "microsoft yahei";
   text-align: center;
   border-top: 1px solid #e8e8ea;
-  color: #3cc51f;
+  color: #2E8CF5;
 }
 
 .top {
@@ -210,11 +227,14 @@ page {
 .grid1 {
   width: 100%;
   border-bottom: 1px solid #c3c3c3;
-  padding-top: 5px;
-  padding-bottom: 10px;
+  /* padding-top: 5px;
+  padding-bottom: 10px; */
+  padding-top: 16rpx;
+  padding-bottom: 16rpx;
+  text-align: center;
 }
 
 .text3 {
   font-size: 18px;
   color: rgb(48, 48, 48);
-}
+}