忘记密码

li-guang

2020-12-29 7890d895bd543436d44ff66c88c356977675e758

忘记密码

 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_8s0ijyp9m33.css");
@import url("//at.alicdn.com/t/font_2263696_bah4ajyfqa6.css");
</style>

 hive-app/pages.json

@@ -464,6 +464,57 @@
                    "scrollIndicator": "none"
                }
            }
        },
        {
            "path": "pages/workbench/followRecords",
            "style": {
                "navigationBarTitleText": "跟进记录",
                "navigationBarBackgroundColor":"#FFFFFF",
                "navigationBarTextStyle":"black",
                "app-plus":{ 
                    "scrollIndicator": "none",
                    "titleNView": {
                        "buttons": [
                            {
                                "text": "\ue620",
                                "fontSrc": "/static/iconfont/iconfont.ttf",
                                "fontSize": "16px",
                                "width":"25px",
                                "float":"right"
                            },
                            {
                                "text": "\ue75e",
                                "fontSrc": "/static/iconfont/iconfont.ttf",
                                "fontSize": "16px",
                                "width":"25px",
                                "float":"right"
                            }
                        ]
                    }
                }
            }
        },
        {
            "path": "pages/login/forgetPassword",
            "style": {
                "navigationBarTitleText": "忘记密码",
                "navigationBarBackgroundColor":"#FFFFFF",
                "navigationBarTextStyle":"black",
                "app-plus":{ 
                    "scrollIndicator": "none"
                }
            }
        },
        {
            "path": "pages/login/newPassword",
            "style": {
                "navigationBarTitleText": "输入新密码",
                "navigationBarBackgroundColor":"#FFFFFF",
                "navigationBarTextStyle":"black",
                "app-plus":{ 
                    "scrollIndicator": "none"
                }
            }
        }
    ],
    "globalStyle": {

 hive-app/pages/login/forgetPassword.vue

New file
@@ -0,0 +1,30 @@
<template>
    <!-- 忘记密码 -->
    <view>
        <view class="input-box">
            <input placeholder="请输入手机号码" placeholder-class="placeholder" class="input-group-row"/>
            <view class="flex mt-10">
                <input placeholder="请输入验证码" placeholder-class="placeholder" class="input-group-row flex-1"/>
                <button class="btn blue-btn">获取验证码</button>
            </view>
        </view>
        <navigator url="./newPassword" hover-class="none" class="next">
            <button class="blue-btn">下一步</button>
        </navigator>
    </view>
</template>

<script>
</script>

<style>
    .input-box{
        margin: 40px 20px;
    }
    .btn{
        margin: 0;
    }
    .next{
        margin: 60px 20px;
    }
</style>

 hive-app/pages/login/index.vue

@@ -15,9 +15,9 @@
                <input v-model="password" placeholder="请输入密码" placeholder-class="placeholder" class="input-left" maxlength="60"/>
                <text class="iconfont iconyanjing font-14 gray"></text>
            </view>
            <view class="right mt-5">
            <navigator url="./forgetPassword" hover-class="none" class="right mt-5">
                <text class="font-14 blue">忘记密码?</text>
            </view>
            </navigator>
            
            <button :disabled="isDisabled" class="blue-btn mt-20" @click="login">登录</button>
        </view>

 hive-app/pages/login/newPassword.vue

New file
@@ -0,0 +1,24 @@
<template>
    <!-- 新密码 -->
    <view>
        <view class="input-box">
            <input placeholder="请输入新密码" placeholder-class="placeholder" class="input-group-row"/>
            <input placeholder="请确认密码" placeholder-class="placeholder" class="input-group-row"/>
        </view>
        <navigator url="./" hover-class="none" class="next">
            <button class="blue-btn">提交</button>
        </navigator>
    </view>
</template>

<script>
</script>

<style>
    .input-box{
        margin: 40px 20px;
    }
    .next{
        margin: 60px 20px;
    }
</style>

 hive-app/pages/workbench/board.vue

@@ -146,9 +146,12 @@
        border-width: 0;
        border-top-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        /* border-bottom-width: 1px; */
        color: #111111;
    }
    .h-tr:nth-last-child(1){
        border-bottom-width: 1px;
    }
    /* 单元格 */
    .h-td{
        min-width: 80px;

 hive-app/pages/workbench/followRecords.vue

New file
@@ -0,0 +1,114 @@
<template>
    <!-- 跟进记录 -->
    <view>
        <view>
            <h-tabs
                class="tab"
                :tabData="tabs" 
                :config="{
                    color: '#abb1cc',
                    activeColor: '#518EFF',
                    underLineColor: '#518EFF',
                    underLineHeight: 6,
                    fontSize: '28',
                    underLineWidth: 60,
                }"
                @tabClick="tabClick($event)"
            />
        </view>
        <view class="content-row font-14" v-for="item in 2">
            <view class="flex align-center">
                <image class="header-img" src="../../static/images/head-img.png"></image>
                <view class="flex flex-v ml-10">
                    <text>杨明</text>
                    <text>2020-12 12:34</text>
                </view>
            </view>
            <view class="mt-10">
                <text>截图服务了杨姐,她的面部比较干燥暗沉色斑较多,约下次来做一个面部护理</text>
            </view>
            <view class="mt-10">
                <image class="content-img mr-10" src="../../static/images/banner.jpg"></image>
                <image class="content-img" src="../../static/images/banner.jpg"></image>
            </view>
            <view class="flex align-center justify-between mt-5">
                <text>客户:杨依依</text>
                <view class="flex align-center">
                    <text class="iconfont iconzhong mr-5"></text>
                    <text>2020-12-31 12:34</text>
                </view>
            </view>
            <view class="mt-5">
                <text>订单:面部护理等</text>
            </view>
            <view class="right mt-5">
                <text class="iconfont iconxin"></text>
                <text class="iconfont iconliuyan1 ml-20"></text>
            </view>
            <view class="content-row-notes flex align-center blue">
                <text class="iconfont iconxin mr-10"></text>
                <text>李贝,拉拉</text>
            </view>
            <view class="content-row-notes flex align-center blue">
                <text>李贝: 好的,继续跟进</text>
            </view>
        </view>
    </view>
</template>

<script>
    import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
    export default {
        components: {
            HTabs
        },
        data() {
          return {
            tabs:[
                {
                    state: 1,
                    name: '全部'
                },
                {
                    state: 2,
                    name: '我发出的'
                },
                {
                    state: 3,
                    name: '我的团队'
                }
            ]
          }  
        }
    }
</script>

<style>
    page{
        background: #F6F6F8;
    }
    .tab{
        background: #FFFFFF;
    }
    .header-img{
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }
    .content-row{
        background: #FFFFFF;
        padding: 10px;
        margin-top: 10px;
    }
    .content-img{
        width: 80px;
        height: 80px;
        border-radius: 4px;
    }
    .content-row-notes{
        line-height: 20px;
        background: #F6F6F8;
        padding: 5px;
        margin-top: 10px;
    }
</style>

 hive-app/pages/workbench/index.vue

@@ -114,7 +114,7 @@
                    </navigator>
                </view>
                <view class="list-item">
                    <navigator url="./"  hover-class="none">
                    <navigator url="./followRecords"  hover-class="none">
                        <image class="content-icon" src="../../static/images/commission2.png"></image>
                        <text class="font-12 font-dark">跟进记录</text>
                    </navigator>