فهرست منبع

解决 组合开单的,样式修改

wangning 5 سال پیش
والد
کامیت
23ffc4104e
2فایلهای تغییر یافته به همراه58 افزوده شده و 37 حذف شده
  1. 52 34
      hdApp/src/admin/billing/result.vue
  2. 6 3
      hdApp/src/components/app-result.vue

+ 52 - 34
hdApp/src/admin/billing/result.vue

@@ -5,20 +5,33 @@
 }
 .zuhe-box{
 	width: 100%;
-	margin-top: 30rpx;
+	// margin-top: -30px;
+  background-color: #fff;
 	.zuhe-remark{
-		color: #868686;
-		font-size: 24rpx;
+		color: #333;
+		font-size: 32rpx;
+    font-weight: 700;
+    line-height: 88upx;
+    padding-left: 30upx;
+    border-bottom: 1px solid #eee;
 	}
 	.zuhe-center{
 		margin-top: 20rpx;
 		font-size: 28rpx;
+    margin: 0 30upx;
+    height: 90upx;
+    box-sizing: border-box;
+    .zuhe-title{
+      color: #666;
+    }
 		.zuhe-val{
 			position: relative;
 			width: 70%;
 			height: 60rpx;
 			padding: 10rpx;
+      color: #333;
 			border: 1px solid #868686;
+      border: none;
 			&.active:before {
 				content: ' ';
 				height: 22px;
@@ -35,40 +48,45 @@
 			}
 		}
 	}
+  .border{
+    border-bottom: 1px solid #eee;
+  }
 }
 </style>
 <template>
-	<appResult>
-<!--		<button class="admin-button-com blue big" @click="gotoOrderDetails">发货详情</button>-->
-		<button class="admin-button-com blue big" @click="gotoOrderSend">发货</button>
-<!--		<button class="admin-button-com big" @click="gotoOrderPrint">打印单据</button>-->
-<!--		<button class="admin-button-com big" @click="gotoOrderDetails">订单详情</button>-->
-<!--		<button class="admin-button-com big" @click="gotoOrderList">订单列表</button>-->
-		<button class="admin-button-com big" @click="gotoPlace">继续开单</button>
-
-		<view class="zuhe-box" v-if="option.type=='zuhe'">
-			<view class="" v-if="!isGroup">
-				<view class="zuhe-remark">保存此商品组合,以便下次取用:</view>
-				<view class="flex-space zuhe-center">
-					<view class="zuhe-title ">名称</view>
-					<input class="zuhe-val" type="text" placeholder="如:开业花篮(200)" v-model="name" placeholder-class="tui-placeholder">
-				</view>
-				<view class="flex-space zuhe-center">
-					<view class="zuhe-title ">所属分类</view>
-					<picker class="zuhe-val active" @change="selectType" :value="index" :range="type" range-key="categoryName">
-						<view class="uni-input">{{type[index].categoryName}}</view>
-					</picker>
-				</view>
-				<view class="flex-center" style="margin-top: 30rpx">
-					<button class="admin-button-com blue big" style="width: 40%;" @click="SubSaveItemGroup">保存</button>
-				</view>
-			</view>
-			<view style="text-align: center;color: #868686" v-else>
-					<view class="iconfont iconchenggong" style="color:#049E2C;margin-bottom:15rpx;font-size:80rpx;" ></view>
-				<view>保存成功,请在【开单 - 成品】查看</view>
-			</view>
-		</view>
-	</appResult>
+  <view class="app-content">
+    <appResult>
+  <!--		<button class="admin-button-com blue big" @click="gotoOrderDetails">发货详情</button>-->
+      <button class="admin-button-com blue big" @click="gotoOrderSend">发货</button>
+  <!--		<button class="admin-button-com big" @click="gotoOrderPrint">打印单据</button>-->
+  <!--		<button class="admin-button-com big" @click="gotoOrderDetails">订单详情</button>-->
+  <!--		<button class="admin-button-com big" @click="gotoOrderList">订单列表</button>-->
+      <button class="admin-button-com big" @click="gotoPlace">继续开单</button>
+      <view style="text-align: center;color: #868686" 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">
+        <view class="">
+          <view class="zuhe-remark">保存此商品组合,以便下次取用:</view>
+          <view class="flex-space zuhe-center border">
+            <view class="zuhe-title">名称</view>
+            <input class="zuhe-val" type="text" placeholder="如:开业花篮 200元" v-model="name" placeholder-class="tui-placeholder">
+          </view>
+          <view class="flex-space zuhe-center">
+            <view class="zuhe-title">所属分类</view>
+            <picker class="zuhe-val active" @change="selectType" :value="index" :range="type" range-key="categoryName">
+              <view class="uni-input">{{type[index].categoryName}}</view>
+            </picker>
+          </view>
+          
+        </view>
+      </view>
+      <view class="flex-center" style="margin-top: 30rpx">
+            <button class="admin-button-com blue big" style="width: calc(100vw - 60upx);" @click="SubSaveItemGroup">保存</button>
+          </view>
+  </view>
 </template>
 
 <script>

+ 6 - 3
hdApp/src/components/app-result.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="app-content">
+	<view>
 		<view class="billing_box_bg">
 			<view class="top-view"> </view>
 			<view class="result-view">
@@ -31,12 +31,15 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.app-content{
+  min-height: 40wh;
+}
 .billing_box_bg {
 	position: relative;
-	padding: 60px 30px;
+	padding: 60px 30px 30px;
 	display: flex;
 	flex-direction: column;
-    background-color: #f5f5f5;
+  background-color: #f5f5f5;
 	.top-view {
 		position: absolute;
 		top: 0;