From eeceb8207ab4309724048783aab47427023cb30f Mon Sep 17 00:00:00 2001
From: "liujw155@outlook.com" <liujw155@outlook.com>
Date: Fri, 9 Jul 2021 18:01:44 +0800
Subject: [PATCH] add site

---
 src/pages/site/manage/manage.vue | 59 +++++++++++++++++++++++++++++++++++++---
 1 file changed, 55 insertions(+), 4 deletions(-)

diff --git a/src/pages/site/manage/manage.vue b/src/pages/site/manage/manage.vue
index c973341..5076c54 100644
--- a/src/pages/site/manage/manage.vue
+++ b/src/pages/site/manage/manage.vue
@@ -16,7 +16,22 @@
                 </picker>
                 <view class="st-tip">{{curTypeInfo.rule_text || '-'}}</view>
             </view>
-            <picker mode="date" @change="timeSlotChange">
+            <view class="sh-date">
+                <picker>
+                    <view class="sd-box">
+                        <text>2020年5月16日</text>
+                        <view></view>
+                    </view>
+                </picker>
+                <text>至</text>
+                <picker>
+                    <view class="sd-box">
+                        <text>2020年5月16日</text>
+                        <view></view>
+                    </view>
+                </picker>
+            </view>
+            <picker mode="date" @change="timeSlotChange" v-if="false">
                 <view class="sh-time" v-if="dateList.length>1">
                     <text>{{dateList[0].ZhDateStr || '-'}} — {{dateList[dateList.length-1].ZhDateStr || '-'}}</text>
                     <image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
@@ -365,14 +380,20 @@ export default {
                     vertical-align: middle;
                     width: 24upx;
                     height: 24upx;
+                    transform: rotateZ(-90deg);
                 }
             }
             .sh-type{
                 padding: 20upx 0;
                 @include centerFlex(space-between);                
+                picker{
+                    flex-shrink: 0;
+                }
                 .st-type{
+                    
+                    margin-right: 20upx;
                     line-height: 50upx;
-                    font-size: 36upx;
+                    font-size: 32upx;
                     font-weight: 500;
                     color: #333;
                     >image{
@@ -383,8 +404,6 @@ export default {
                     }
                 }
                 .st-tip{
-                    flex-shrink: 0;
-                    max-width: 50%;
                     font-size: 24upx;
                     line-height: 34upx;
                     color: #9b9b9b;
@@ -396,6 +415,37 @@ export default {
             >picker{
                 width: 100%;
             }
+            .sh-date{
+                padding: 16upx 0;
+                border-top: 1px solid #D8D8D8;
+                border-bottom: 1px solid #D8D8D8;
+                @include centerFlex(center);                
+                >text{
+                    margin: 0 30upx;
+                    font-size: 28upx;
+                    color: #9A9A9D;
+                }
+                .sd-box{
+                    height: 44upx;
+                    width: 260upx;
+                    border-radius: 6upx;
+                    background-color: #F2F2F7;
+                    @include centerFlex(center);
+                    >text{
+                        font-size: 28upx;
+                        color: #333;
+                    }
+                    >view{
+                        flex-shrink: 0;
+                        margin-left: 6upx;
+                        width: 0;
+                        height: 0;
+                        border-top: 8upx solid #333;
+                        border-left: 8upx solid transparent;
+                        border-right: 8upx solid transparent;
+                    }
+                }
+            }
             .sh-time{
                 height: 86upx;
                 line-height: 82upx;
@@ -412,6 +462,7 @@ export default {
                     transform: rotateZ(90deg);
                 }
             }
+
         }
         .sm-times{
             height: 120upx;