From fd9b3df7613de7a9ed3e5584680ce1d9e880d5e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Thu, 12 Jan 2023 10:03:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=88=87=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Cn-page/Cn-page.vue |   4 +-
 pages.json                     |  35 ++++-
 pages/index/mine.vue           |   4 +-
 pages/login/agreement.vue      |  25 ++++
 pages/login/changePwd.vue      | 151 +++++++++++++++++++++
 pages/login/forget.vue         | 137 +++++++++++++------
 pages/login/login.vue          |   8 +-
 pages/login/platform.vue       | 237 ---------------------------------
 pages/login/policy.vue         |  25 ++++
 pages/login/register.vue       | 167 +++++++++++++++++++++++
 pages/mine/setup.vue           | 100 ++++++++++++++
 static/layout.png              | Bin 0 -> 3443 bytes
 12 files changed, 600 insertions(+), 293 deletions(-)
 create mode 100644 pages/login/agreement.vue
 create mode 100644 pages/login/changePwd.vue
 delete mode 100644 pages/login/platform.vue
 create mode 100644 pages/login/policy.vue
 create mode 100644 pages/login/register.vue
 create mode 100644 pages/mine/setup.vue
 create mode 100644 static/layout.png

diff --git a/components/Cn-page/Cn-page.vue b/components/Cn-page/Cn-page.vue
index bbb34a2..39c9cd9 100644
--- a/components/Cn-page/Cn-page.vue
+++ b/components/Cn-page/Cn-page.vue
@@ -1,7 +1,7 @@
 <template>
     <view class="Cn-page">
         <template v-if="showLoginMsk && !login">
-            <navigator :url="tenantId ? '/pages/login/login' : '/pages/login/platform'" hover-class="none" class="page-login-btn">登录</navigator>
+            <navigator url="/pages/login/login" hover-class="none" class="page-login-btn">登录</navigator>
         </template>
         <template v-else>
             <view class="loading" v-if="loading">
@@ -23,7 +23,6 @@ export default {
             default: false
         },
         showLoginMsk: Boolean,
-        tenantId:''
     },
     data() {
         return {
@@ -32,7 +31,6 @@ export default {
     },
     created() {
         this.login = uni.getStorageSync('Authorization')
-        this.tenantId = false
     },
 }
 </script>
diff --git a/pages.json b/pages.json
index 321406a..63cd74b 100644
--- a/pages.json
+++ b/pages.json
@@ -19,6 +19,18 @@
         "navigationBarTitleText": "个人"
       }
     },
+    {
+      "path": "pages/login/agreement",
+      "style": {
+        "navigationBarTitleText": "用户协议"
+      }
+    },
+    {
+      "path": "pages/login/policy",
+      "style": {
+        "navigationBarTitleText": "个人信息保护政策"
+      }
+    },
     {
       "path": "pages/login/login",
       "style": {
@@ -30,6 +42,24 @@
       "style": {
         "navigationBarTitleText": "忘记密码"
       }
+    },
+    {
+      "path": "pages/login/register",
+      "style": {
+        "navigationBarTitleText": "快速注册"
+      }
+    },
+    {
+      "path": "pages/login/changePwd",
+      "style": {
+        "navigationBarTitleText": "修改密码"
+      }
+    },
+    {
+      "path": "pages/mine/setup",
+      "style": {
+        "navigationBarTitleText": "设置"
+      }
     }
   ],
   "tabBar": {
@@ -54,7 +84,7 @@
       },
       {
         "pagePath": "pages/index/mine",
-        "iconPath": "static/mine2.png",
+        "iconPath": "static/mine.png",
         "selectedIconPath": "static/mine2.png",
         "text": "个人"
       }
@@ -64,9 +94,8 @@
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "灿能电力",
     "navigationBarBackgroundColor": "#F8F8F8",
-    "backgroundColor": "#F8F8F8"
+    "backgroundColor": "#F8F8F8",
     // #ifdef H5
-    ,
     "navigationStyle": "custom"
     // #endif
   },
diff --git a/pages/index/mine.vue b/pages/index/mine.vue
index 85d888f..14ad585 100644
--- a/pages/index/mine.vue
+++ b/pages/index/mine.vue
@@ -1,5 +1,5 @@
 <template>
-    <Comp-page :loading="loading">
+    <view :loading="loading">
         <view class="mine">
             <view class="mine-header" @click="jump('basic')">
                 <image mode="aspectFill" class="mine-header-head" src="/static/head.jpg" />
@@ -18,7 +18,7 @@
                 <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
             </view>
         </view>
-    </Comp-page>
+    </view>
 </template>
 
 <script>
diff --git a/pages/login/agreement.vue b/pages/login/agreement.vue
new file mode 100644
index 0000000..fc1593c
--- /dev/null
+++ b/pages/login/agreement.vue
@@ -0,0 +1,25 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='index'>
+                用户协议
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+    }
+}
+</script>
+<style lang='scss'>
+.index {
+    padding: 34rpx;
+}
+</style>
\ No newline at end of file
diff --git a/pages/login/changePwd.vue b/pages/login/changePwd.vue
new file mode 100644
index 0000000..efae8a3
--- /dev/null
+++ b/pages/login/changePwd.vue
@@ -0,0 +1,151 @@
+<template>
+    <Cn-page :loading="loading">
+        <view slot="body">
+            <view class="index">
+                <uni-forms ref="form" :modelValue="formData" :rules="rules">
+                    <uni-forms-item name="code">
+                        <view class="login-box-input mt40">
+                            <uni-easyinput type="number" v-model="formData.code" placeholder="请输入手机验证码" />
+                            <view class="ml40"
+                                style="margin-left:40rpx;font-size: 28rpx; color: #666; width: 200rpx; text-align: center"
+                                v-if="waitTime > 0">{{ waitTime + 's后重新获取' }}</view>
+                            <button class="login-box-input-btn" v-else @click="getCode" size="mini">获取验证码</button>
+                        </view>
+                    </uni-forms-item>
+                    <uni-forms-item name="password">
+                        <uni-easyinput type="text" v-model="formData.password" placeholder="请输入新的登录密码" />
+                    </uni-forms-item>
+                    <uni-forms-item name="password2">
+                        <uni-easyinput type="text" v-model="formData.password2" placeholder="请再次确认密码" />
+                    </uni-forms-item>
+                </uni-forms>
+                <button type="default" class="submit-btn" @click="submit">提交</button>
+                <view class="login-box-tips">
+                    <view style="color:#999">说明：密码长度为6-18位</view>
+                </view>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    name: "jiaban",
+    data () {
+        return {
+            loading: false,
+            waitTime: 0,
+            // 表单数据
+            formData: {
+                phone: '',
+                code: '',
+                password: '',
+                password2: ''
+            },
+            rules: {
+                phone: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写手机号"
+                        }
+                    ]
+                },
+                code: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写验证码"
+                        }
+                    ]
+                },
+                password: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写新密码"
+                        }
+                    ]
+                },
+                password2: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写确认密码"
+                        }
+                    ]
+                }
+            }
+        };
+    },
+    onLoad () {
+    },
+    methods: {
+        getCode () {
+            this.waitTime = 60
+            this.inter = setInterval(() => {
+                if (this.waitTime == 0) {
+                    clearInterval(this.inter)
+                } else {
+                    this.waitTime--
+                }
+            }, 1000)
+        },
+        submit () {
+            this.$refs.form.validate((valid) => {
+                console.log(valid);
+                if (valid) {
+                }
+            })
+        },
+    }
+};
+</script>
+<style lang="scss">
+.index {
+    padding: 34rpx;
+
+    .submit-btn {
+        background: $uni-theme-blue;
+        color: #fff;
+    }
+
+    .login-box-tips {
+        margin-top: 60rpx;
+        display: flex;
+        justify-content: center;
+        font-size: 20rpx;
+    }
+
+    .login-box-input {
+        display: flex;
+        align-items: center;
+        border-bottom: 1rpx solid #f0f0f0;
+
+        .login-box-input-icon {
+            width: 40rpx;
+            margin-right: 40rpx;
+        }
+
+        .login-box-input-main {
+            font-size: 28rpx;
+            flex: 1;
+            height: 100rpx;
+            line-height: 100rpx;
+        }
+
+        .login-box-input-btn {
+            width: 200rpx;
+            margin-left: 40rpx;
+            background: $uni-theme-blue;
+            color: #fff;
+        }
+
+        .login-box-input-img {
+            margin-left: 40rpx;
+            background: skyblue;
+            height: 80rpx;
+            width: 200rpx;
+        }
+    }
+}
+</style>
diff --git a/pages/login/forget.vue b/pages/login/forget.vue
index a5fe0af..bac9ff7 100644
--- a/pages/login/forget.vue
+++ b/pages/login/forget.vue
@@ -2,22 +2,35 @@
     <Cn-page :loading="loading">
         <view slot="body">
             <view class="index">
-                <!-- <uni-forms ref="form" :label-width="80" :modelValue="formData" :rules="rules">
-                    <uni-forms-item label="漏打日期" name="missingDate" required>
-                        <uni-datetime-picker type="date" return-type="string" v-model="formData.missingDate" />
+                <uni-forms ref="form" :modelValue="formData" :rules="rules">
+                    <uni-forms-item name="phone">
+                        <uni-easyinput type="number" v-model="formData.phone" placeholder="请输入手机号" />
                     </uni-forms-item>
-                    <uni-forms-item label="补卡类别" name="multipleDhoice" required>
-                        <uni-data-checkbox v-model="formData.multipleDhoice" :localdata="range" />
+                    <uni-forms-item name="code">
+                        <view class="login-box-input mt40">
+                            <uni-easyinput type="number" v-model="formData.code" placeholder="请输入验证码" />
+                            <view class="ml40"
+                                style="margin-left:40rpx;font-size: 28rpx; color: #666; width: 200rpx; text-align: center"
+                                v-if="waitTime > 0">{{ waitTime + 's后重新获取' }}</view>
+                            <button class="login-box-input-btn" v-else @click="getCode" size="mini">获取验证码</button>
+                        </view>
                     </uni-forms-item>
-                    <uni-forms-item label="漏打卡原因" name="reasonsForMissingPunch" required>
-                        <uni-data-checkbox v-model="formData.reasonsForMissingPunch" :localdata="range2" />
+                    <uni-forms-item name="password">
+                        <uni-easyinput type="text" v-model="formData.password" placeholder="请输入新的登录密码" />
                     </uni-forms-item>
-                    <uni-forms-item name="remarks" label="备注" required>
-                        <uni-easyinput type="textarea" v-model="formData.remarks" placeholder="请输入" />
+                    <uni-forms-item name="password2">
+                        <uni-easyinput type="text" v-model="formData.password2" placeholder="请再次确认密码" />
                     </uni-forms-item>
-                </uni-forms> -->
-                <!-- <uni-steps :options="list2" active-color="#007AFF" direction="column" /> -->
+                </uni-forms>
                 <button type="default" class="submit-btn" @click="submit">提交</button>
+                <view class="login-box-tips">
+                        <view style="color:#999">说明：密码长度为6-18位</view>
+                    </view>
+                <view class="login-box-tips">
+                    <view style="color:#999">点击提交即表示同意</view>
+                    <navigator url="/pages/login/agreement" hover-class="none">《用户协议》</navigator>
+                    <navigator url="/pages/login/policy" hover-class="none">《个人信息保护政策》</navigator>
+                </view>
             </view>
         </view>
     </Cn-page>
@@ -28,64 +41,44 @@ export default {
     data () {
         return {
             loading: false,
-            alias: "missingPunchApplication",
+            waitTime: 0,
             // 表单数据
             formData: {
-                created: "",
-                createdId: "",
-                viewRecordList: [],
-                applicant: "",
-                createdDate: "",
-                applicantId: "",
-                applicationNo: "",
-                multipleDhoice: "",
-                reasonsForMissingPunch: "",
-                remarks: ""
+                phone: '',
+                code: '',
+                password: '',
+                password2: ''
             },
-            defId: "",
-            list2: [],
-            range: [
-                { value: "上午上班", text: "上午上班" },
-                { value: "下午上班", text: "下午上班" }
-            ],
-            // 漏打卡原因
-            range2: [
-                { value: "忘记打卡", text: "忘记打卡" },
-                { value: "机器故障", text: "机器故障" },
-                { value: "因公外出", text: "因公外出" },
-                { value: "指纹丢失", text: "指纹丢失" },
-                { value: "其他", text: "其他" }
-            ],
             rules: {
-                missingDate: {
+                phone: {
                     rules: [
                         {
                             required: true,
-                            errorMessage: "请选择漏打日期"
+                            errorMessage: "请填写手机号"
                         }
                     ]
                 },
-                multipleDhoice: {
+                code: {
                     rules: [
                         {
                             required: true,
-                            errorMessage: "请填写补卡类别"
+                            errorMessage: "请填写验证码"
                         }
                     ]
                 },
-                reasonsForMissingPunch: {
+                password: {
                     rules: [
                         {
                             required: true,
-                            errorMessage: "请选择漏打卡原因"
+                            errorMessage: "请填写新密码"
                         }
                     ]
                 },
-                remarks: {
+                password2: {
                     rules: [
                         {
                             required: true,
-                            errorMessage: "请填写备注"
+                            errorMessage: "请填写确认密码"
                         }
                     ]
                 }
@@ -95,6 +88,23 @@ export default {
     onLoad () {
     },
     methods: {
+        getCode () {
+            this.waitTime = 60
+            this.inter = setInterval(() => {
+                if (this.waitTime == 0) {
+                    clearInterval(this.inter)
+                } else {
+                    this.waitTime--
+                }
+            }, 1000)
+        },
+        submit () {
+            this.$refs.form.validate((valid) => {
+                console.log(valid);
+                if (valid) {
+                }
+            })
+        },
     }
 };
 </script>
@@ -106,5 +116,44 @@ export default {
         background: $uni-theme-blue;
         color: #fff;
     }
+
+    .login-box-tips {
+        margin-top: 60rpx;
+        display: flex;
+        justify-content: center;
+        font-size: 20rpx;
+    }
+
+    .login-box-input {
+        display: flex;
+        align-items: center;
+        border-bottom: 1rpx solid #f0f0f0;
+
+        .login-box-input-icon {
+            width: 40rpx;
+            margin-right: 40rpx;
+        }
+
+        .login-box-input-main {
+            font-size: 28rpx;
+            flex: 1;
+            height: 100rpx;
+            line-height: 100rpx;
+        }
+
+        .login-box-input-btn {
+            width: 200rpx;
+            margin-left: 40rpx;
+            background: $uni-theme-blue;
+            color: #fff;
+        }
+
+        .login-box-input-img {
+            margin-left: 40rpx;
+            background: skyblue;
+            height: 80rpx;
+            width: 200rpx;
+        }
+    }
 }
 </style>
diff --git a/pages/login/login.vue b/pages/login/login.vue
index 88ea333..bc8c71f 100644
--- a/pages/login/login.vue
+++ b/pages/login/login.vue
@@ -41,14 +41,14 @@
                         <view @click="loginType = 'pwd'" v-if="loginType == 'yzm'">账号密码登录</view>
                         <view @click="loginType = 'yzm'" v-else>短信验证码登录</view>
                         <view style="flex:1"></view>
-                        <navigator url="/pages/login/changePwd" hover-class="none">忘记密码</navigator>
+                        <navigator url="/pages/login/forget" hover-class="none">忘记密码</navigator>
                         <view style="margin:0 10px;color:#999">|</view>
-                        <view>快速注册</view>
+                        <navigator url="/pages/login/register" hover-class="none">快速注册</navigator>
                     </view>
                     <view class="login-box-tips">
                         <view style="color:#999">点击登录即表示同意</view>
-                        <view>《用户协议》</view>
-                        <view>《个人信息保护政策》</view>
+                        <navigator url="/pages/login/agreement" hover-class="none">《用户协议》</navigator>
+                        <navigator url="/pages/login/policy" hover-class="none">《个人信息保护政策》</navigator>
                     </view>
                 </view>
             </view>
diff --git a/pages/login/platform.vue b/pages/login/platform.vue
deleted file mode 100644
index 1db26a1..0000000
--- a/pages/login/platform.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<template>
-    <Cn-page :loading="loading">
-        <view slot="body">
-            <view class="platform">
-                <view class="platform-bg"></view>
-                <!-- <view class="platform-title">全国特种设备无损检测公共服务云平台</view> -->
-                <view class="platform-des" v-if="list.length">当前手机号绑定单位</view>
-                <view class="platform-des" v-else>通过手机号获取单位</view>
-                <view class="platform-content" v-if="list.length">
-                    <navigator
-                        hover-class="none"
-                        :url="'/pages/login/login?alias=' + item.alias + '&name=' + item.companyName + '&account=' + phone.trim()"
-                        class="platform-content-card"
-                        v-for="item in list"
-                        :key="item.alias"
-                    >
-                        <view class="platform-content-card-title">{{ item.companyName }}</view>
-                        <view class="platform-content-card-des">{{ item.alias }}</view>
-                    </navigator>
-                    <div style="height:280rpx"></div>
-                    <view class="platform-footer iphone">
-                        <view class="platform-footer-tips">以上不是您需访问的平台？</view>
-                        <view class="platform-footer-btn" @click="showPopup">输入智慧云手机号/账号</view>
-                    </view>
-                </view>
-                <view class="platform-content center" v-else>
-                    <view>
-                        <view class="platform-footer-btn" @click="showPopup">输入智慧云手机号/账号</view>
-                        <!-- #ifdef MP -->
-                        <button
-                            v-if="canGetPhoneNumber"
-                            type="primary"
-                            class="platform-footer-btn"
-                            open-type="getPhoneNumber"
-                            @getphonenumber="onGetUserPhone"
-                        >本机号码一键获取</button>
-                        <!-- <view
-                            type="primary"
-                            class="platform-footer-btn"
-                            @click="wxLogin"
-                        >微信一键登录</view> -->
-                        <!-- #endif -->
-                    </view>
-                </view>
-                <uni-popup ref="inputPhone" type="center" :animation="false">
-                    <view class="input-box">
-                        <input
-                            type="text"
-                            class="input-box-main"
-                            placeholder-class="input-box-main-placeholder"
-                            placeholder="请输入智慧云手机号/账号"
-                            v-model="phone"
-                        />
-                        <view class="input-box-btn">
-                            <view class="input-box-btn-item" @click="cancel">取消</view>
-                            <view class="input-box-btn-item" @click="load">确定</view>
-                        </view>
-                    </view>
-                </uni-popup>
-            </view>
-        </view>
-    </Cn-page>
-</template>
-<script>
-export default {
-    data() {
-        return {
-            loading: false,
-            phone: "",
-            list: [],
-            canGetPhoneNumber: true
-        };
-    },
-    components: {},
-    methods: {
-        showPopup() {
-            this.$refs.inputPhone.open();
-        },
-        load() {
-            this.$request({
-                url: "/cloud/getPlatformByAccout",
-                data: {
-                    accout: this.phone.trim()
-                },
-                method: "POST"
-            }).then(res => {
-                console.warn(res);
-                this.list = res.data;
-                this.$refs.inputPhone.close();
-            });
-        },
-        cancel() {
-            this.$refs.inputPhone.close();
-        },
-        onGetUserPhone(e) {
-            console.warn(e);
-            this.$request({
-                url: "/org/wxxcx/getPhoneNum",
-                data: {
-                    code: e.detail.code,
-                },
-                method: "POST"
-            }).then(res=>{
-               let data = JSON.parse(res.data)
-               this.phone = data.phoneNumber
-               this.load()
-            })
-        }
-    },
-    onLoad() {
-        // #ifdef MP-WEIXIN
-        uni.hideHomeButton();
-        // #endif
-    }
-};
-</script>
-<style lang='less'>
-.platform {
-    position: relative;
-    z-index: 2;
-    .platform-bg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 320rpx;
-        background: skyblue;
-        z-index: -1;
-    }
-    .platform-title {
-        padding: 40rpx 20rpx 0;
-        font-size: 28rpx;
-        color: #fff;
-    }
-    .platform-des {
-        padding: 36rpx 20rpx 0;
-        font-size: 24rpx;
-        color: #fff;
-    }
-    .platform-content {
-        padding: 28rpx 20rpx;
-        font-size: 24rpx;
-        margin-top: 60rpx;
-        border-radius: 28rpx 28rpx 0 0;
-        min-height: 50vh;
-        background: #f5f6fa;
-        .platform-content-card {
-            margin-bottom: 20rpx;
-            padding: 33rpx 28rpx;
-            border-radius: 14rpx;
-            background: #fff;
-            .platform-content-card-title {
-                font-weight: 600;
-                font-size: 28rpx;
-                color: #111;
-            }
-            .platform-content-card-des {
-                font-size: 24rpx;
-                margin-top: 23rpx;
-                color: #999;
-            }
-        }
-    }
-    .platform-footer {
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: 280rpx;
-        width: 100%;
-        background: #fff;
-        .platform-footer-tips {
-            font-size: 28rpx;
-            color: #000;
-        }
-    }
-    .platform-footer-btn {
-        margin: 0 auto;
-        height: 80rpx;
-        width: 480rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-top: 40rpx;
-        background: #449dff;
-        font-size: 24rpx;
-        color: #fff;
-        border-radius: 40rpx;
-        overflow: hidden;
-    }
-    .input-box {
-        box-sizing: border-box;
-        padding: 80rpx 60rpx 0;
-        height: 400rpx;
-        width: 680rpx;
-        border-radius: 16rpx;
-        background: #fff;
-        .input-box-main {
-            box-sizing: border-box;
-            height: 80rpx !important;
-            line-height: 80rpx !important;
-            border-radius: 4rpx;
-            font-size: 28rpx;
-            color: #333;
-            padding: 0 40rpx;
-            margin-top: 40rpx;
-            background: #f9f9f9;
-        }
-        .input-box-btn {
-            margin-top: 80rpx;
-            display: flex;
-            justify-content: center;
-            .input-box-btn-item {
-                height: 64rpx;
-                width: 200rpx;
-                background: #449dff;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                color: #fff;
-                font-size: 24rpx;
-                border-radius: 8rpx;
-            }
-            .input-box-btn-item:first-of-type {
-                box-sizing: border-box;
-                margin-right: 37rpx;
-                background: #fff;
-                border: 1px solid #666666;
-                color: #666666;
-            }
-        }
-    }
-}
-</style>
\ No newline at end of file
diff --git a/pages/login/policy.vue b/pages/login/policy.vue
new file mode 100644
index 0000000..6c5e25e
--- /dev/null
+++ b/pages/login/policy.vue
@@ -0,0 +1,25 @@
+<template>
+    <Cn-page :loading='loading'>
+        <view slot='body'>
+            <view class='index'>
+                隐私政策
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+    }
+}
+</script>
+<style lang='scss'>
+.index {
+    padding: 34rpx;
+}
+</style>
\ No newline at end of file
diff --git a/pages/login/register.vue b/pages/login/register.vue
new file mode 100644
index 0000000..aab1211
--- /dev/null
+++ b/pages/login/register.vue
@@ -0,0 +1,167 @@
+<template>
+    <Cn-page :loading="loading">
+        <view slot="body">
+            <view class="index">
+                <template v-if="step == 1">
+                    <uni-forms ref="form">
+                        <uni-forms-item name="phone">
+                            <uni-easyinput type="number" v-model="formData.phone" placeholder="请输入手机号" />
+                        </uni-forms-item>
+                        <uni-forms-item name="code">
+                            <view class="login-box-input mt40">
+                                <uni-easyinput type="number" v-model="formData.code" placeholder="请输入验证码" />
+                                <view class="ml40"
+                                    style="margin-left:40rpx;font-size: 28rpx; color: #666; width: 200rpx; text-align: center"
+                                    v-if="waitTime > 0">{{ waitTime + 's后重新获取' }}</view>
+                                <button class="login-box-input-btn" v-else @click="getCode" size="mini">获取验证码</button>
+                            </view>
+                        </uni-forms-item>
+                    </uni-forms>
+                    <button type="default" class="submit-btn" @click="firstSubmit">下一步</button>
+                    <view class="login-box-tips">
+                        <view style="color:#999">点击提交即表示同意</view>
+                        <navigator url="/pages/login/agreement" hover-class="none">《用户协议》</navigator>
+                        <navigator url="/pages/login/policy" hover-class="none">《个人信息保护政策》</navigator>
+                    </view>
+                </template>
+                <template v-else>
+                    <uni-forms ref="form">
+                        <uni-forms-item name="password">
+                            <uni-easyinput type="text" v-model="formData.password" placeholder="请输入登录密码" />
+                        </uni-forms-item>
+                        <uni-forms-item name="password2">
+                            <uni-easyinput type="text" v-model="formData.password2" placeholder="请再次确认密码" />
+                        </uni-forms-item>
+                    </uni-forms>
+                    <button type="default" class="submit-btn" @click="secondSubmit">提交</button>
+                    <view class="login-box-tips">
+                        <view style="color:#999">说明：密码长度为6-18位</view>
+                    </view>
+                </template>
+            </view>
+        </view>
+    </Cn-page>
+</template>
+<script>
+export default {
+    name: "jiaban",
+    data () {
+        return {
+            step: 1,
+            loading: false,
+            waitTime: 0,
+            // 表单数据
+            formData: {
+                phone: '',
+                code: '',
+                password: '',
+                password2: ''
+            },
+            rules: {
+                phone: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写手机号"
+                        }
+                    ]
+                },
+                code: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写验证码"
+                        }
+                    ]
+                },
+                password: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写新密码"
+                        }
+                    ]
+                },
+                password2: {
+                    rules: [
+                        {
+                            required: true,
+                            errorMessage: "请填写确认密码"
+                        }
+                    ]
+                }
+            }
+        };
+    },
+    onLoad () {
+    },
+    methods: {
+        getCode () {
+            this.waitTime = 60
+            this.inter = setInterval(() => {
+                if (this.waitTime == 0) {
+                    clearInterval(this.inter)
+                } else {
+                    this.waitTime--
+                }
+            }, 1000)
+        },
+        firstSubmit () {
+            this.step = 2
+
+        },
+        secondSubmit () {
+
+        }
+    }
+};
+</script>
+<style lang="scss">
+.index {
+    padding: 34rpx;
+
+    .submit-btn {
+        background: $uni-theme-blue;
+        color: #fff;
+    }
+
+    .login-box-tips {
+        margin-top: 60rpx;
+        display: flex;
+        justify-content: center;
+        font-size: 20rpx;
+    }
+
+    .login-box-input {
+        display: flex;
+        align-items: center;
+        border-bottom: 1rpx solid #f0f0f0;
+
+        .login-box-input-icon {
+            width: 40rpx;
+            margin-right: 40rpx;
+        }
+
+        .login-box-input-main {
+            font-size: 28rpx;
+            flex: 1;
+            height: 100rpx;
+            line-height: 100rpx;
+        }
+
+        .login-box-input-btn {
+            width: 200rpx;
+            margin-left: 40rpx;
+            background: $uni-theme-blue;
+            color: #fff;
+        }
+
+        .login-box-input-img {
+            margin-left: 40rpx;
+            background: skyblue;
+            height: 80rpx;
+            width: 200rpx;
+        }
+    }
+}
+</style>
diff --git a/pages/mine/setup.vue b/pages/mine/setup.vue
new file mode 100644
index 0000000..7f05506
--- /dev/null
+++ b/pages/mine/setup.vue
@@ -0,0 +1,100 @@
+<template>
+    <view :loading="loading">
+        <view class="mine">
+            <view class="mine-nav" @click="jump('server')"
+                style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
+                <view class="mine-nav-label">客服</view>
+                <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
+            </view>
+            <view class="mine-nav" @click="jump('changePwd')" style="margin-top:20rpx;border-bottom: none; ">
+                <view class="mine-nav-label">修改密码</view>
+                <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
+            </view>
+            <view class="mine-nav" @click="jump('layout')" style="margin-top:20rpx;border-bottom: none; ">
+                <view class="mine-nav-label" style="text-align:center">退出登录</view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+export default {
+    data () {
+        return {
+            loading: false
+        }
+    },
+    methods: {
+        init () {
+        },
+        jump (type) {
+            switch (type) {
+                case 'changePwd':
+                    uni.navigateTo({
+                        url: `/pages/login/changePwd`
+                    })
+                default:
+                    uni.navigateTo({
+                        url: `/pages/mine/${type}`
+                    })
+                    break;
+            }
+        }
+    },
+    onLoad () {
+        this.init()
+    },
+}
+</script>
+
+<style lang="scss">
+.mine {
+    .mine-header {
+        padding: 200rpx 34rpx 34rpx;
+        display: flex;
+        align-items: center;
+        background: $uni-theme-white;
+        margin-bottom: 20rpx;
+        box-shadow: 0 4rpx 8rpx #e7e7e74c;
+
+        .mine-header-head {
+            margin-right: 30rpx;
+            height: 128rpx;
+            width: 128rpx;
+            border-radius: $uni-theme-radius;
+            overflow: hidden;
+        }
+
+        .mine-header-name {
+            margin-right: 30rpx;
+            flex: 1;
+            font-size: 36rpx;
+            color: #111;
+            font-weight: 700;
+        }
+    }
+
+    .mine-nav {
+        padding: 34rpx;
+        display: flex;
+        align-items: center;
+        background: $uni-theme-white;
+        border-bottom: 1rpx solid #e8e8e8;
+
+        &-icon {
+            margin-right: 30rpx;
+            height: 44rpx;
+            width: 44rpx;
+            border-radius: $uni-theme-radius;
+            overflow: hidden;
+        }
+
+        &-label {
+            margin-right: 30rpx;
+            flex: 1;
+            font-size: 28rpx;
+            color: #111;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/static/layout.png b/static/layout.png
new file mode 100644
index 0000000000000000000000000000000000000000..50eba04b82d4166afe3dabff2d9fa8769850e891
GIT binary patch
literal 3443
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

literal 0
HcmV?d00001