gx

queenwuli

2020-12-18 bfc807ed1acd06060fe1c3b941f08ac643b9d81b

gx

 hive-app/App.vue

Binary files differ

 hive-app/common/styles/index.css

@@ -45,6 +45,9 @@
    margin-right: 20px;
}

.mb-0{
    margin-bottom: 0!important;
}
.mb-5{
    margin-bottom: 5px;
}
@@ -169,7 +172,7 @@
    text-align: center;
}
.right{
    text-align: end;
    text-align: right;
}

/* 默认蓝色按钮 */
@@ -209,6 +212,13 @@
    border: 2px solid #518EFF;
    color: #518EFF;
}
.small-btn{
    width: 100px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 20px;
    text-align: center;
}

/* 固定底部 */
.sticky-footer{

 hive-app/components/searchBar/index.vue

@@ -7,7 +7,11 @@

<script>
    export default {
        props:["placeholder"],
        props:{
            placeholder: {
                default: '输入会员姓名、手机号、编号查询'
            }
        },
        data() {
            return {
            };

 hive-app/pages.json

@@ -189,6 +189,17 @@
                    "scrollIndicator": "none"
                }
            }
        },
        {
            "path": "pages/workbench/selectService",
            "style": {
                "navigationBarTitleText": "当前客户:李某",
                "navigationBarBackgroundColor":"#FFFFFF",
                "navigationBarTextStyle":"black",
                "app-plus":{ 
                    "scrollIndicator": "none"
                }
            }
        }
    ],
    "globalStyle": {

 hive-app/pages/member/index.vue

@@ -1,6 +1,9 @@
<template>
    <view class="container">
        <search-bar :placeholder=placeholder></search-bar>
        <!-- #ifndef H5 -->
        <view class="status_bar"></view>
        <!-- #endif -->
        <search-bar></search-bar>
        <view class="sort-wrap">
            <view @click="filterCustom(1)">
                <text>本月到店次数</text>
@@ -50,7 +53,6 @@
        },
        data() {
            return {
                placeholder:"请输入会员姓名、手机号、编号查询",
                colors: ['#CCC6B4', '#C0CCB4', '#B4C2CC', '#BEB4CC', '#B4CCBE', '#B4CCCA', '#CCB4C6', '#CCB4B4'],
                filterType: 1,
                filterList: [],

 hive-app/pages/mine/knowledge.vue

@@ -1,9 +1,6 @@
<template>
    <!-- 知识库 -->
    <view class="container flex">
        <!-- #ifndef H5 -->
        <view class="status_bar"></view>
        <!-- #endif -->
        <scroll-view class="list-left" scroll-y>
            <view v-for="(item,index) in list" class="list-left-row" @click="active(index)" :class="activeIndex==index?'active':''">
                <text class="font-14 gray"  @click="show(item)">{{item.primaryTitle}}</text>

 hive-app/pages/workbench/customerInfo.vue

@@ -1,55 +1,63 @@
<template>
    <!-- 客户信息 -->
    <view class="container">
        <view class="flex flex-v align-center">
            <image class="header-img" src="../../static/images/head-img.jpg"></image>
            <text class="font-16 mt-10">李某</text>
        <view class="header">
            <image class="avatar" src="../../static/images/head-img.jpg"></image>
            <text>李某</text>
        </view>
        <view class="mt-20">
            <view class="list-row flex justify-between">
        <view>
            <view class="list-row">
                <text class="font-14">手机号码</text>
                <text class="font-14 gray">15569218888</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">会员级别</text>
                <text class="font-14 gray">普通会员</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">卡号</text>
                <text class="font-14 gray">Q232</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">总余额</text>
                <text class="font-14 gray">￥2,323</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">赠送余额</text>
                <text class="font-14 gray">￥1,323</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">剩余积分</text>
                <text class="font-14 gray">123</text>
            </view>
            <view class="list-row flex justify-between">
            <view class="list-row">
                <text class="font-14">所属门店</text>
                <text class="font-14 gray">东莞店</text>
            </view>
        </view>
        <button class="blue-btn btn" @click="linkTo('./selectProduct')">下一步</button>
        <navigator :url="url">
            <button class="blue-btn sticky-footer">下一步</button>
        </navigator>
		
    </view>
</template>

<script>
    export default{
        data(){
            return{}
            return{
                url: './selectProduct',
            }
        },
        onLoad(options) {
            if(options.type==1){
                this.url = './selectProduct';
            } else {
                this.url = './selectService';
            }
        },
        methods:{
            linkTo(val){
                uni.navigateTo({
                    url:val
                })
            }
			
        }
    }
</script>
@@ -58,20 +66,24 @@
    .container{
        padding: 0 10px;
    }
    .header-img{
    .header{
        text-align: center;
        padding: 20px 0;
        font-size: 16px;
        color: #333333;
    }
    .avatar{
        width: 60px;
        height: 60px;
        display: block;
        margin: 0 auto 10px;
        border-radius: 50%;
    }
    .list-row{
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #EDEAF4;
        padding: 5px 0;
        margin-top: 10px;
    }
    .btn{
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
        padding: 14px 0;
    }
</style>

 hive-app/pages/workbench/index.vue

@@ -32,7 +32,7 @@
            </view>
            <view class="flex flex-v align-center">
                <text class="font-17 white">5</text>
                <text class="font-15 white mt-10">代付款</text>
                <text class="font-15 white mt-10">待付款</text>
            </view>
            <view class="flex flex-v align-center">
                <text class="font-17 white">15</text>
@@ -42,59 +42,87 @@
        <view class="content-item mt-10">
            <text class="title">订单</text>
            <view class="flex align-center mt-10">
                <view class="flex flex-v align-center list-item" @click="linkTo('./selectCustomer')">
                    <image class="content-icon" src="../../static/images/order1.png"></image>
                    <text class="font-12 mt-10 font-dark">新建订单</text>
                <view class="list-item">
                    <navigator url="./selectCustomer" hover-class="none">
                        <image class="content-icon" src="../../static/images/order1.png"></image>
                        <text class="font-12 mt-10 font-dark">新建订单</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item" @click="linkTo('./orderList')">
                    <image class="content-icon" src="../../static/images/order2.png"></image>
                    <text class="font-12 mt-10 font-dark">代付款</text>
                <view class="list-item">
                    <navigator url="./orderList"  hover-class="none">
                        <image class="content-icon" src="../../static/images/order2.png"></image>
                        <text class="font-12 mt-10 font-dark">待付款</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/order3.png"></image>
                    <text class="font-12 mt-10 font-dark">已付款</text>
                <view class="list-item">
                    <navigator url="./orderList"  hover-class="none">
                        <image class="content-icon" src="../../static/images/order3.png"></image>
                        <text class="font-12 mt-10 font-dark">已付款</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/order4.png"></image>
                    <text class="font-12 mt-10 font-dark">欠款</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/order4.png"></image>
                        <text class="font-12 mt-10 font-dark">领用</text>
                    </navigator>
                </view>
            </view>
        </view>
        <view class="content-item mt-10">
            <text class="title">项目/服务</text>
            <view class="flex align-center mt-10">
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/sever1.png"></image>
                    <text class="font-12 mt-10 font-dark">新建预约</text>
                <view class="list-item">
                    <navigator url="./selectCustomer?type=2"  hover-class="none">
                        <image class="content-icon" src="../../static/images/order1.png"></image>
                        <text class="font-12 mt-10 font-dark">新建服务单</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/sever2.png"></image>
                    <text class="font-12 mt-10 font-dark">看板</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/sever2.png"></image>
                        <text class="font-12 mt-10 font-dark">待服务</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/sever3.png"></image>
                    <text class="font-12 mt-10 font-dark">待服务</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/sever3.png"></image>
                        <text class="font-12 mt-10 font-dark">服务中</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/sever4.png"></image>
                    <text class="font-12 mt-10 font-dark">服务完成</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/sever4.png"></image>
                        <text class="font-12 mt-10 font-dark">服务完成</text>
                    </navigator>
                </view>
            </view>
        </view>
        <view class="content-item mt-10">
            <text class="title">代办</text>
            <text class="title">待办</text>
            <view class="flex align-center mt-10">
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/commission1.png"></image>
                    <text class="font-12 mt-10 font-dark">跟进</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/commission1.png"></image>
                        <text class="font-12 mt-10 font-dark">看板</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/commission2.png"></image>
                    <text class="font-12 mt-10 font-dark">日报</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/sever1.png"></image>
                        <text class="font-12 mt-10 font-dark">客户预约</text>
                    </navigator>
                </view>
                <view class="flex flex-v align-center list-item">
                    <image class="content-icon" src="../../static/images/commission3.png"></image>
                    <text class="font-12 mt-10 font-dark">通知</text>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/commission2.png"></image>
                        <text class="font-12 mt-10 font-dark">跟进记录</text>
                    </navigator>
                </view>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                        <image class="content-icon" src="../../static/images/commission3.png"></image>
                        <text class="font-12 mt-10 font-dark">通知</text>
                    </navigator>
                </view>
            </view>
        </view>
@@ -175,6 +203,9 @@
</script>

<style>
    page{
        background: #F6F6F8;
    }
    .icon {
        font-size: 18px;
        text-align: center;
@@ -196,7 +227,6 @@
        padding: 15px 0;
        border-radius: 4px;
        margin: 10px 0;
        box-shadow:0 6px 6px rgba(237,234,244,0.5);
    }
    .title{
        font-size: 14px;
@@ -204,13 +234,17 @@
        padding-left: 15px;
        padding-bottom: 5px;
    }
    .list-item{
        width: 25%;
        text-align: center;
    }
    .content-icon{
        width: 30px;
        height: 30px;
        display: block;
        margin: 0 auto 10px;
    }
    .list-item{
        width: 25%;
    }
	
    .popup-content{
        position: absolute;
        right: 9px;

 hive-app/pages/workbench/orderList.vue

@@ -1,10 +1,9 @@
<template>
    <!-- 订单列表 -->
    <view>
        <!-- #ifndef H5 -->
        <view class="status_bar"></view>
        <!-- #endif -->
        <search-bar :placeholder=placeholder class="header-input"></search-bar>
        <view class="header">
            <search-bar class="mb-0"></search-bar>
        </view>
        <view>
            <h-tabs
                class="tab"
@@ -14,33 +13,35 @@
                    activeColor: '#518EFF',
                    underLineColor: '#518EFF',
                    underLineHeight: 4,
                    fontSize: '30',
                    fontSize: '28',
                    underLineWidth: 60,
                }"
            />
            <view class="order">
                <view class="flex justify-between order-number">
                    <text class="font-14">订单号: N202012123556</text>
                    <text class="font-14 blue">待付款</text>
                </view>
                <view class="flex justify-between order-content">
                    <view class="flex flex-v">
                        <text class="font-12">李某某</text>
                        <text class="font-12 gray mt-10">2020-12-15 18:11:01</text>
            <view class="list">
                <view class="list-item" v-for="item in 4">
                    <view class="list-header">
                        <text>订单号: N202012123556</text>
                        <text class="blue">待付款</text>
                    </view>
                    <view class="flex flex-v">
                        <text class="font-12">应付金额</text>
                        <text class="font-12 mt-10">实付金额</text>
                        <text class="font-12 mt-10">欠款总额</text>
                    <view class="list-content">
                        <view class="flex flex-v">
                            <text class="font-bold font-16">李某某</text>
                            <text class="gray">2020-12-15 18:11:01</text>
                        </view>
                        <view class="flex flex-v">
                            <text>应付金额</text>
                            <text>实付金额</text>
                            <text>欠款总额</text>
                        </view>
                        <view class="flex flex-v right">
                            <text>￥ 8000.00</text>
                            <text>￥ 0.00</text>
                            <text>￥ 8000.00</text>
                        </view>
                    </view>
                    <view class="flex flex-v">
                        <text class="font-12">￥ 8000.00</text>
                        <text class="font-12 mt-10">￥ 0.00</text>
                        <text class="font-12 mt-10">￥ 8000.00</text>
                    <view class="list-footer">
                        <text class="blue-btn small-btn">取消订单</text>
                    </view>
                </view>
                <view class="flex justify-end">
                    <button class="blue-btn small-btn">取消订单</button>
                </view>
            </view>
        </view>
@@ -57,7 +58,6 @@
        },
        data() {
          return {
            placeholder:"输入会员姓名、手机号、编号查询",
            tabs:[
                {
                    state: 1,
@@ -65,7 +65,7 @@
                },
                {
                    state: 2,
                    name: '代付款'
                    name: '待付款'
                },
                {
                    state: 3,
@@ -82,32 +82,41 @@
</script>

<style>
    .header-input{
        margin: 0 10px;
    page{
        background: #F6F6F8;
    }
    .header{
        padding: 10px;
        background: #FFFFFF;
    }
    .tab{
        background: #FFFFFF;
        border-bottom: 1px solid #EDEAF4;
        border-radius: 4px;
        box-shadow:0 6px 6px rgba(237,234,244,0.5);
    }
    .order{
        border: 1px solid #EDEAF4;
    .list-item{
        background: #FFFFFF;
        border-radius: 4px;
        box-shadow:0 6px 6px rgba(237,234,244,0.5);
        margin: 10px;
        padding: 0 6px;
        color: #3a3f3f;
    }
    .order-number{
        padding: 10px 6px;
    .list-header{
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        font-size: 15px;
        border-bottom: 1px solid #EDEAF4;
    }
    .order-content{
        padding: 15px 6px;
        border-bottom: 1px solid #EDEAF4;
    .list-content{
        display: flex;
        justify-content: space-between;
        padding: 12px 15px;
        font-size: 14px;
        line-height: 28px;
    }
    .small-btn{
        width: 100px;
        margin: 10px 0;
        line-height: 30px;
    .list-footer{
        display: flex;
        justify-content: flex-end;
        padding: 10px 15px;
        border-top: 1px solid #EDEAF4;
    }
</style>

 hive-app/pages/workbench/selectCustomer.vue

@@ -1,8 +1,8 @@
<template>
    <view class="container">
        <search-bar :placeholder=placeholder></search-bar>
        <view class="flex justify-between" @click="linkTo('./customerInfo')">
            <view class="flex-1 mr-10">
        <search-bar placeholder="客户姓名、手机、卡号、拼音"></search-bar>
        <view class="flex justify-between">
            <navigator :url="'./customerInfo?type='+type" hover-class="none"  class="flex-1 mr-10">
                <view class="member-list flex align-center" v-for="(item, index) in 15">
                    <text class="first-name" :style="{background: caculateBgcolor(index)}">李</text>
                    <view class="flex-1 flex align-center justify-between member-list-con">
@@ -16,7 +16,7 @@
                        </view>
                    </view>
                </view>
            </view>
            </navigator>
            <indexed-list></indexed-list>
        </view>
    </view>
@@ -32,19 +32,18 @@
        },
        data() {
            return {
                placeholder:"客户姓名、手机、卡号、拼音",
                colors: ['#CCC6B4', '#C0CCB4', '#B4C2CC', '#BEB4CC', '#B4CCBE', '#B4CCCA', '#CCB4C6', '#CCB4B4'],
                filterType: 1,
                type: 1 ,//1新建订单 2新建服务单
                colors: ['#CCC6B4', '#C0CCB4', '#B4C2CC', '#BEB4CC', '#B4CCBE', '#B4CCCA', '#CCB4C6', '#CCB4B4']
            };
        },
        onLoad(options) {
            if(options.type){
                this.type = options.type;
            }
        },
        methods:{
            caculateBgcolor(index){
                return this.colors[index%8];
            },
            linkTo(val){
                uni.navigateTo({
                    url:val
                })
            },
        }
    }

 hive-app/pages/workbench/selectProduct.vue

@@ -1,10 +1,7 @@
<template>
    <!-- 当前客户 -->
    <view class="container">
        <!-- #ifndef H5 -->
        <view class="status_bar"></view>
        <!-- #endif -->
        <search-bar :placeholder="placeholder" class="ml-10 mr-10"></search-bar>
        <search-bar placeholder="商品名称、编号、拼音" class="ml-10 mr-10"></search-bar>
        <view class="list flex">
            <scroll-view class="list-left" scroll-y>
                <view v-for="(item,index) in list" class="list-left-row" @click="active(index)" :class="select==index?'active':''">
@@ -54,7 +51,6 @@
        },
        data(){
            return{
                placeholder:'商品名称、编号、拼音',
                list:['院装产品','美容套餐','美容客装','美容试装','头皮院装'],
                select:'0'
            }

 hive-app/pages/workbench/selectService.vue

New file
@@ -0,0 +1,11 @@
<template>
    <view>
        <text>选择套餐</text>
    </view>
</template>

<script>
</script>

<style>
</style>