add write off

src/pages/write_off/mall/list/list.vue

@@ -6,7 +6,7 @@
                 <picker>
                     <view>
                         <input :value="'2019-05-17'" />
-                        <image></image>
+                        <image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image>
                     </view>
                 </picker>
             </view>
@@ -15,7 +15,7 @@
                 <picker>
                     <view>
                         <input :value="'2019-05-17'" />
-                        <image></image>
+                        <image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image>
                     </view>
                 </picker>
             </view>
@@ -37,14 +37,19 @@
         </view>
         
         <view class="mol-fixed">
-            <view>核销订单</view>
+            <view @click="toOperate">核销订单</view>
         </view>
     </view>
 </template>
 
 <script>
+import util from '../../../../utils/util';
 export default {
-
+    methods: {
+        toOperate(){
+            util.routeTo(`/pages/write_off/operate/operate`, 'nT');
+        },
+    }
 }
 </script>
 
@@ -72,7 +77,7 @@ export default {
             border-radius: 10upx;
             overflow: hidden;
             view{
-                padding: 0 20upx;
+                padding: 0 10upx;
                 height: 88upx;
                 background-color: #f2f2f7;
                 @include centerFlex(space-between);
@@ -87,7 +92,6 @@ export default {
                     flex-shrink: 0;
                     width: 22upx;
                     height: 22upx;
-                    background-color: skyblue;
                 }
             }
         }

src/pages/write_off/menu/menu.vue

@@ -3,12 +3,12 @@
         <view class="wom-section">
             <view class="ws-tit">场地订单核销</view>
             <view class="ws-ls">
-                <view class="wl-item">
-                    <image></image>
+                <view class="wl-item" @click="toOperate">
+                    <image mode="aspectFit" src="/static/images/write_off/site.png"></image>
                     <view>场地订单核销</view>
                 </view>
-                <view class="wl-item">
-                    <image></image>
+                <view class="wl-item" @click="toSiteList">
+                    <image mode="aspectFit" src="/static/images/write_off/order.png"></image>
                     <view>场地订单核销记录</view>
                 </view>
             </view>
@@ -16,12 +16,12 @@
         <view class="wom-section">
             <view class="ws-tit">商城订单核销</view>
             <view class="ws-ls">
-                <view class="wl-item">
-                    <image></image>
+                <view class="wl-item" @click="toOperate">
+                    <image mode="aspectFit" src="/static/images/write_off/mall.png"></image>
                     <view>商城订单核销</view>
                 </view>
-                <view class="wl-item">
-                    <image></image>
+                <view class="wl-item" @click="toMallLs">
+                    <image mode="aspectFit" src="/static/images/write_off/order.png"></image>
                     <view>商城订单核销记录</view>
                 </view>
             </view>
@@ -30,7 +30,7 @@
             <view class="ws-tit">现场散客人数</view>
             <view class="ws-ls">
                 <view class="wl-item" @click="toPeopleNum">
-                    <image></image>
+                    <image mode="aspectFit" src="/static/images/write_off/people.png"></image>
                     <view>现场散客人数查询</view>
                 </view>
             </view>
@@ -44,6 +44,15 @@ export default {
     methods: {
         toPeopleNum(){
             util.routeTo(`/pages/write_off/number_of_people/number_of_people`, 'nT');
+        },
+        toOperate(){
+            util.routeTo(`/pages/write_off/operate/operate`, 'nT');
+        },
+        toSiteList(){
+            util.routeTo(`/pages/write_off/search_result/search_result`, 'nT');
+        },
+        toMallLs(){
+            util.routeTo(`/pages/write_off/mall/list/list`, 'nT');
         }
     }
 }
@@ -77,7 +86,6 @@ export default {
                         display: block;
                         width: 60upx;
                         height: 60upx;
-                        background-color: skyblue;
                     }
                     >view{
                         text-align: center;

src/pages/write_off/number_of_people/number_of_people.vue

@@ -3,8 +3,8 @@
         <view class="nop-store-name">
             <picker>
                 <view class="nsn-frame">
-                    <input placeholder="" />
-                    <image mode="aspectFit" src="/static/images/countdown_bg.png"></image>
+                    <input placeholder="123" disabled />
+                    <image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image>
                 </view>
             </picker>
         </view>
@@ -13,25 +13,26 @@
             <view class="nm-tit">现场散客人数</view>
             <view class="nm-num">
                 <image mode="aspectFit" src="/static/images/countdown_bg.png"></image>
+                <view class="nn-txt-num">69</view>
             </view>
-            <view class="nm-btn">修改人数</view>
+            <view class="nm-btn" @click="isChangeNum = true">修改人数</view>
             <view class="nm-tip">
-                <text>温馨提示：\n\r修改现场人数可能会影响现场灯光开关，请谨慎操作！ 如后台有开启散客开关灯功能的，则散客人数达到阶梯最低X人时，对应灯光会自动开灯;少于X人的已开启的灯会自动关闭。</text>
+                <text>温馨提示：\n\r修改现场人数可能会影    响现场灯光开关，请谨慎操作！ 如后台有开启散客开关灯功能的，则散客人数达到阶梯最低X人时，对应灯光会自动开灯;少于X人的已开启的灯会自动关闭。</text>
             </view>
         </view>
-        <view class="ox-dark-mask" v-if="false">
+        <view class="ox-dark-mask" v-if="isChangeNum">
             <view class="nop-modifies-modal">
-                <image class="nmm-close"></image>
+                <image class="nmm-close" @click="isChangeNum = false" src="/static/images/icon/x_close.png"></image>
                 <view class="nmm-tit">修改现场散客人数</view>
                 <view class="nmm-info">
                     <view class="ni-num">当前现场散客人数为：69</view>
                     <view class="ni-ipt">
-                        <input placeholder="请输入散客人数" />
+                        <input placeholder="请输入散客人数" type="number" />
                     </view>
                     <view class="ni-tip">修改现场人数可能会影响现场灯光开关，请谨慎操作！</view>
                 </view>
                 <view class="nmm-btns">
-                    <view>取消</view>
+                    <view @click="isChangeNum = false">取消</view>
                     <view>确认</view>
                 </view>
             </view>
@@ -41,7 +42,11 @@
 
 <script>
 export default {
-
+    data(){
+        return {
+            isChangeNum: false
+        }
+    }
 }
 </script>
 
@@ -72,7 +77,6 @@ export default {
                     margin-left: 20upx;
                     width: 28upx;
                     height: 28upx;
-                    background-color: skyblue;
                 }
             }
         }
@@ -91,15 +95,34 @@ export default {
                 font-weight: 500;
             }
             .nm-num{
-                margin: 0 auto 180upx;
+                position: relative;
+                margin: 0 auto 100upx;
                 display: block;
-                width: 368upx;
-                height: 368upx;
-                border-radius: 50%;
-                background-color: skyblue;
+                width: 400upx;
+                height: 400upx;
+                .nn-txt-num{
+                    line-height: 400upx;
+                    text-align: center;
+                    font-size: 96upx;
+                    font-weight: 500;
+                    color: $themeColor;
+                }
                 >image {
-                    width: 100%;
-                    height: 100%;
+                    position: absolute;
+                    left: 50%;
+                    top: 50%;
+                    z-index: -1;
+                    margin-left: -250upx;
+                    margin-top: -250upx;
+                    display: block;
+                    width: 500upx;
+                    height: 500upx;
+                    animation: Rotate 6s linear infinite
+                }
+                @keyframes Rotate{
+                    0% {transform: rotate(360deg);}
+                    50% {transform: rotate(180deg);}
+                    100% {transform: rotate(0deg);}
                 }
             }
             .nm-btn{
@@ -137,7 +160,6 @@ export default {
                 top: 30upx;
                 width: 34upx;
                 height: 34upx;
-                background-color: skyblue;
             }
             .nmm-tit{
                 line-height: 44upx;