零售 花材开单样式修改

hdApp/src/admin/billing/result.vue

@@ -5,24 +5,29 @@
 }
 .zuhe-box{
 	width: 100%;
-	// margin-top: -30px;
+  padding:  0 20upx;
+	margin-bottom: 20px;
   background-color: #fff;
 	.zuhe-remark{
 		color: #333;
 		font-size: 32rpx;
     font-weight: 700;
     line-height: 88upx;
-    padding-left: 30upx;
-    border-bottom: 1px solid #eee;
+    // padding-left: 30upx;
+    // border-bottom: 1px solid #eee;
 	}
 	.zuhe-center{
-		margin-top: 20rpx;
+		// margin-top: 20rpx;
 		font-size: 28rpx;
-    margin: 0 30upx;
+    // margin: 0 30upx;
     height: 90upx;
     box-sizing: border-box;
     .zuhe-title{
       color: #666;
+    }
+    &>input{
+      border: 1px solid #eee!important;
+      border-radius: 5px!important;
     }
 		.zuhe-val{
 			position: relative;
@@ -49,7 +54,7 @@
 		}
 	}
   .border{
-    border-bottom: 1px solid #eee;
+    // border-bottom: 1px solid #eee;
   }
 }
 </style>
@@ -63,12 +68,11 @@
   <!--		<button class="admin-button-com big" @click="gotoOrderList">订单列表</button>-->
       <button class="admin-button-com big" @click="gotoPlace">继续开单</button>
       <button class="admin-button-com big" @click="gotoDetail">订单详情</button>
-      <view style="text-align: center;color: #868686" v-if="option.type === 'zuhe' && isGroup">
+      <view style="text-align: center;color: #868686;margin-top: 30upx;" v-if="option.type === 'zuhe' && isGroup">
         <view class="iconfont iconchenggong" style="color:#049E2C;margin-bottom:15rpx;font-size:80rpx;" ></view>
         <view>保存成功，请在【开单 - 成品】查看</view>
       </view>
-    </appResult>
-    <view class="zuhe-box" v-if="option.type === 'zuhe' && !isGroup">
+      <view class="zuhe-box" v-if="option.type === 'zuhe' && !isGroup">
         <view class="">
           <view class="zuhe-remark">保存此商品组合，以便下次取用：</view>
           <view class="flex-space zuhe-center border">
@@ -81,12 +85,11 @@
               <view class="uni-input">{{type[index].categoryName}}</view>
             </picker>
           </view>
-          
         </view>
       </view>
-      <view class="flex-center" style="margin-top: 30rpx" v-if="option.type === 'zuhe' && !isGroup">
-            <button class="admin-button-com blue big" style="width: calc(100vw - 60upx);" @click="SubSaveItemGroup">保存</button>
-          </view>
+      <button class="admin-button-com blue big" @click="SubSaveItemGroup" v-if="option.type === 'zuhe' && !isGroup">保存</button>
+    </appResult>
+    
   </view>
 </template>