服务单

li-guang

2020-12-21 03247d9b0392d2c9388b3228c7eef6533944460a

服务单

 hive-app/App.vue

@@ -16,5 +16,5 @@
    /*每个页面公共css */
@import url("./common/styles/index");
@import url("./static/iconfont/iconfont.css");
@import url("//at.alicdn.com/t/font_2263696_tm4mdlsht1a.css");
@import url("//at.alicdn.com/t/font_2263696_a9xwl9mgtk.css");
</style>

 hive-app/pages/workbench/confirmOrder.vue

@@ -1,33 +1,40 @@
<template>
    <!-- 确认订单 -->
    <view class="container">
        <view class="header flex align-center justify-between">
        <view class="header flex align-center mt-10">
            <image class="header-img" src="../../static/images/head-img.jpg"></image>
            <view class="ml-10">
                <view class="font-16">
                    <text>李某</text>
                    <text class="ml-20">15588881111</text>
                </view>
                <text class="font-14 gray mt-5">普通会员</text>
            </view>
        </view>
        <view class="content flex flex-v mt-10">
            <view class="content-row flex justify-between align-center flex-1" v-for="item in 4">
                <view class="flex align-center">
                    <image class="centent-img" mode="aspectFill" src="../../static/images/product.jpg"></image>
                    <view class="flex flex-v font-12 ml-10">
                        <text>[项目] 肽妍氨基酸平衡基础洁面乳</text>
                        <text class="gray">×1</text>
                    </view>
                </view>
            <view>
                <text class="font-16">李某</text>
                <text class="font-16 ml-15">男</text>
                <text class="font-16 ml-15">18岁</text>
            </view>
            <text class="font-16">15588886885</text>
        </view>
        <view class="content mt-20">
            <view class="content-row flex align-center justify-between">
                <text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
                <text class="font-14">￥90,000</text>
            </view>
            <view class="content-row flex align-center justify-between">
                <text class="font-14">(套餐) 肽妍氨基酸平衡基础洁面乳×1</text>
                <text class="font-14">￥90,000</text>
            </view>
            <view class="content-row flex align-center justify-between">
                <text class="font-14">(项目) 肽妍氨基酸平衡基础洁面乳×1</text>
                <text class="font-14">￥90,000</text>
            </view>
            <view class="right mt-30">
                <text class="font-16 mr-5">合计:</text>
                <text class="font-16 red">￥270,000</text>
                    <text>￥400.00</text>
            </view>
        </view>
        <button class="blue-btn btn" @click="linkTo('./submitSucceed')">提交订单</button>
            <view class="content-row flex justify-between">
                <text class="blue">共5件商品</text>
                <view class="flex align-center">
                    <text>合计:</text>
                    <text class="red ml-10">￥90,000.00</text>
                </view>
            </view>
        </view>
        <navigator url="./submitSucceed">
            <button class="sticky-footer blue-btn">确认提交</button>
        </navigator>
    </view>
</template>

@@ -37,11 +44,6 @@
            return{}
        },
        methods:{
            linkTo(val){
                uni.navigateTo({
                    url:val
                })
            }
        }
    }
</script>
@@ -49,6 +51,16 @@
<style>
    .container{
        padding: 10px;
    }
    .header-img{
        width: 48px;
        height: 48px;
        border-radius: 50%;
    }
    .centent-img{
        width: 36px;
        height: 36px;
        border-radius: 4px;
    }
    .header{
        border: 1px solid #EDEAF4;
@@ -66,10 +78,7 @@
        border-bottom: 1px solid #EDEAF4;
        padding: 10px 5px;
    }
    .btn{
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
    .content-row:nth-last-child(1){
        border: 0;
    }
</style>

 hive-app/pages/workbench/orderList.vue

@@ -98,6 +98,7 @@
        border-radius: 4px;
        margin: 10px;
        color: #3a3f3f;
        border: 1px solid #EDEAF4;
    }
    .list-header{
        display: flex;

 hive-app/pages/workbench/selectService.vue

@@ -81,7 +81,7 @@
                </view>
                <text class="font-14 blue ml-10">¥110.00</text>
            </view>
            <navigator url="../confirmOrder">
            <navigator url="./confirmService">
                <button class="blue-btn btn mr-0">提交订单</button>
            </navigator>
        </view>