个人资料设置

.env

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = develop
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

.env.develop

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = production
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL = http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

.env.production

@@ -7,13 +7,13 @@ NODE_ENV = 'production'
 VUE_APP_ENV = production
 
 # 接口请求基地址
-VUE_APP_API_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_API_BASE_URL =http://localhost:8076
 
 # 接口请求基地址
 VUE_APP_WEBSOCKET_BASE_URL = 
 
 # 图片基地址
-VUE_APP_IMAGE_BASE_URL = https://delivery.ixiaokejia.com
+VUE_APP_IMAGE_BASE_URL = http://localhost:8076
 VUE_APP_IMAGE_RESOURCE_URL = https://oss.ixiaokejia.com
 
 # 微信小程序appId

src/pages.json

@@ -33,6 +33,12 @@
                 "navigationBarTitleText": "配送助手"
             }
         },
+        {
+            "path": "pages/index/index-scan",
+            "style": {
+                "navigationBarTitleText": "会员码订单列表"
+            }
+        },
         {
             "path": "pages/index/login",
             "style": {
@@ -237,6 +243,30 @@
             "style": {
                 "navigationBarTitleText": "商品海报"
             }
+        },
+        {
+            "path": "pages/manage/user/index",
+            "style": {
+                "navigationBarTitleText": "账号设置"
+            }
+        },
+        {
+            "path": "pages/manage/user/password",
+            "style": {
+                "navigationBarTitleText": "修改密码"
+            }
+        },
+        {
+            "path": "pages/manage/user/info",
+            "style": {
+                "navigationBarTitleText": "账号信息"
+            }
+        },
+        {
+            "path": "pages/manage/user/phone",
+            "style": {
+                "navigationBarTitleText": "修改手机号"
+            }
         }
     ]
 }

src/pages/index/index.vue

@@ -1,14 +1,22 @@
 <template>
     <div class="page">
         <div class="page__top">
-            <div class="name">当前门店：</div>
-            <div class="shop" v-if="!hideShop" @click="goShopSelect">
-                <div class="shop__name">
-                    <!-- 最多6字 -->
-                    {{ curShopName }}
-                    <i class="iconfont iconyoujiantou shop__arrow"></i>
+            <div class="shop-main">
+                <div class="name">当前门店：</div>
+                <div class="shop" v-if="!hideShop" @click="goShopSelect">
+                    <div class="shop__name">
+                        <!-- 最多6字 -->
+                        {{ curShopName }}
+                        <i class="iconfont iconyoujiantou shop__arrow"></i>
+                    </div>
                 </div>
             </div>
+            <div class="scan" @click="scan">
+                <my-image
+                    class="scan-img"
+                    src="/static/icon/scan.png"
+                ></my-image>
+            </div>
         </div>
         <ul class="tab">
             <li
@@ -682,6 +690,7 @@ export default {
 
             self.api
                 .get("/Order/GetList", {
+                    storeId: this.curShopId || "",
                     status: self.list[self.tab].status,
                     pageIndex: self.list[self.tab].page,
                     pageSize: 20,
@@ -998,6 +1007,31 @@ export default {
             val.showAllAfterSale = !val.showAllAfterSale;
             this.list = [...this.list];
         },
+
+        // 扫会员码
+        scan() {
+            let self = this;
+            uni.scanCode({
+                scanType: "qrCode",
+                success(res) {
+                    console.log("扫码", res);
+                    if (res.scanType === "QR_CODE" && res.result && res.result.length === 9) {
+                       self.router.push({
+                           path:'/pages/index/index-scan',
+                           query:{
+                               vipcode:res.result
+                           }
+                       })
+                    } else {
+                        self.fn.showToast("扫码失败,不是有效会员码,请重新扫描");
+                    }
+                },
+                fail(res) {
+                    self.fn.showToast("扫码失败");
+                    console.log("扫码失败：", res);
+                },
+            });
+        },
     },
 
     // 数据计算
@@ -1049,6 +1083,18 @@ page {
         flex-shrink: 0;
         margin-right: px(20);
     }
+    .shop-main {
+        display: flex;
+        align-items: center;
+    }
+    .scan-img {
+        width: px(70);
+        height: px(70);
+        /deep/ img {
+            width: px(70);
+            height: px(70);
+        }
+    }
 }
 
 .shop {

src/pages/manage/add-good-form.vue

@@ -686,7 +686,7 @@ export default {
         // 条码扫描
         scan() {
             let self = this;
-            wx.scanCode({
+            uni.scanCode({
                 scanType: "barCode",
                 success(res) {
                     console.log("扫码", res);

src/pages/manage/index.vue

@@ -35,48 +35,13 @@
                     <my-image class="img" :src="item.icon"></my-image>
                     <span class="text">{{ item.name }}</span>
                 </li>
-                <!-- <li class="item" @click="jump('/pages/manage/good-list')">
+                <li class="item" @click="jump('/pages/manage/user/index')">
                     <my-image
                         class="img"
-                        src="/static/icon/edit.png"
+                        src="/static/icon/user.png"
                     ></my-image>
-                    <span class="text">编辑商品</span>
+                    <span class="text">账号设置</span>
                 </li>
-                <li class="item" @click="jump('/pages/manage/classify')">
-                    <my-image
-                        class="img"
-                        src="/static/icon/classify.png"
-                    ></my-image>
-                    <span class="text">分类管理</span>
-                </li>
-                <li class="item" @click="jump('/pages/manage/statistics/nav')">
-                    <my-image
-                        class="img"
-                        src="/static/icon/statistics.png"
-                    ></my-image>
-                    <span class="text">数据统计</span>
-                </li>
-                <li class="item" @click="jump('/pages/manage/coupon/list')">
-                    <my-image
-                        class="img"
-                        src="/static/icon/coupon.png"
-                    ></my-image>
-                    <span class="text">优惠券</span>
-                </li>
-                <li class="item" @click="jump('/pages/manage/mina/index')">
-                    <my-image
-                        class="img"
-                        src="/static/icon/mina.png"
-                    ></my-image>
-                    <span class="text">小程序</span>
-                </li>
-                <li class="item" @click="jump('/pages/manage/poster/index')">
-                    <my-image
-                        class="img"
-                        src="/static/icon/share.png"
-                    ></my-image>
-                    <span class="text">分享海报</span>
-                </li> -->
             </ul>
         </div>
 

src/pages/manage/user/index.vue

@@ -0,0 +1,101 @@
+<template>
+    <div class="page">
+        <ul class="list">
+            <!-- <li class="item" v-for="item of menuList" :key="item.id" @click="jump(item.url)">
+                <div class="name">{{item.name}}</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li> -->
+            <li class="item" @click="jump('/pages/manage/user/info')">
+                <div class="name">账号信息</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+            <li class="item" @click="jump('/pages/manage/user/password')">
+                <div class="name">修改密码</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+            <li class="item" @click="jump('/pages/manage/user/phone')">
+                <div class="name">修改手机号</div>
+                <my-image
+                    class="arrow"
+                    src="/static/common/arrows_left.png"
+                ></my-image>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+export default {
+    name: "",
+    components: { MyImage },
+
+    // 数据
+    data() {
+        return {
+            curShop: {},
+            menuList:[]
+        };
+    },
+
+    onLoad() {
+        let appMenuList = this.$store.state.user.menuList;
+        for(let item of appMenuList){
+            if(item.id === 'mobile_statistic'){
+                this.menuList = item.children;
+            }
+        }
+    },
+    async onShow() {},
+    // 函数
+    methods: {},
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+<style lang="scss" scoped>
+.page {
+    min-height: 100vh;
+    background-color: #fff;
+}
+.list {
+    border-top: 1px solid #f1f1f1;
+    .item {
+        height: px(120);
+        padding: 0 px(35);
+        font-size: px(44);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #f1f1f1;
+    }
+    .arrow {
+        width: px(40);
+        height: px(40);
+        flex-shrink: 0;
+        transform: rotate(180deg);
+        /deep/ img {
+            width: px(40);
+            height: px(40);
+        }
+    }
+}
+</style>

src/pages/manage/user/info.vue

@@ -0,0 +1,273 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required hide">*</span>
+                    账号：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="password" v-model="form.oldPassword" :disabled="true"/>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+import EasyUpload from "../../../components/easy-upload/easy-upload-media";
+
+export default {
+    name: "",
+    components: { MyImage, EasyUpload },
+    // 数据
+    data() {
+        return {
+            data: {},
+            submitLoading: false,
+        };
+    },
+
+    onLoad(opts) {},
+
+    onShow() {},
+
+    // 函数
+    methods: {
+    
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(120);
+    min-height: 100vh;
+    background-color: #fff;
+}
+.page--iphoneX {
+    padding-bottom: px(150);
+    .btn {
+        padding-bottom: px(30);
+        background-color: rgb(0, 188, 38);
+    }
+}
+.form-card {
+    background-color: #fff;
+    padding: 0 px(30);
+    & ~ .form-card {
+        margin-top: px(25);
+    }
+    .head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: px(140);
+        background-color: #fbfbfb;
+        border-bottom: 1px solid #f1f1f1;
+        border-top: 1px solid #f1f1f1;
+        font-size: px(44);
+    }
+}
+.form-item {
+    display: flex;
+    min-height: px(140);
+    padding: px(30) 0;
+    box-sizing: border-box;
+    align-items: center;
+    font-size: px(44);
+    &.dis-item {
+        color: #999;
+        background: #f9f9f9;
+    }
+    & ~ .form-item {
+        border-top: 1px solid #f1f1f1;
+    }
+    .label {
+        width: px(250);
+        flex-shrink: 0;
+        color: #999;
+        margin-right: px(10);
+    }
+    .box {
+        width: 100%;
+        position: relative;
+        input {
+            width: 100%;
+        }
+    }
+    .tool {
+        flex-shrink: 0;
+        color: #999;
+        margin-left: px(10);
+    }
+    .tip {
+        font-size: px(36);
+        color: #e6a23c;
+        margin-top: px(5);
+    }
+    textarea,
+    input {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+.list {
+    // min-height: 100vh;
+    // background-color: #fff;
+    // border-bottom: 1px solid #f1f1f1;
+    li {
+        padding: px(0) px(35);
+        height: px(140);
+        line-height: px(140);
+        font-size: px(44);
+        border-top: 1px solid #f1f1f1;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .tools {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        span {
+            display: inline-block;
+            border: 1px solid #f1f1f1;
+            font-size: px(36);
+            height: px(80);
+            width: px(120);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            & ~ span {
+                margin-left: px(30);
+            }
+        }
+        .remove {
+            color: #f00;
+        }
+    }
+}
+.btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: px(120);
+    background-color: rgb(0, 188, 38);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+}
+.add-btn {
+    height: px(120);
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: px(50) px(35) 0;
+    border: 1px solid #ccc;
+    border-radius: px(10);
+}
+.code-tool {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .scan-img {
+        flex-shrink: 0;
+        width: px(80);
+        height: px(80);
+        /deep/ img {
+            width: px(80);
+            height: px(80);
+        }
+    }
+    .generate {
+        color: #0097d1;
+        margin-right: px(30);
+        flex-shrink: 0;
+    }
+}
+.required {
+    color: #f00;
+    font-size: px(44);
+    &.hide {
+        visibility: hidden;
+    }
+}
+.inp-dis {
+    color: #999;
+}
+
+.img-card {
+    padding-top: px(30);
+    padding-bottom: px(30);
+}
+.form-img-item {
+    .tit {
+        padding: px(30);
+        font-size: px(44);
+    }
+}
+
+.spec-list {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    li {
+        width: 33.333333%;
+        font-size: px(40);
+        height: px(100);
+        border: 1px solid #f1f1f1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #999;
+        & ~ li {
+            // border-left: none;
+        }
+        &.on {
+            color: rgb(0, 188, 38);
+            border-color: rgb(0, 188, 38);
+        }
+    }
+}
+.mo-date {
+    margin-top: px(20);
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    font-size: px(40);
+    padding: px(10);
+}
+.n-date-box {
+    margin-top: px(20);
+    font-size: px(40);
+}
+.n-date {
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    padding: 0 px(20);
+    display: inline-block;
+    width: px(200);
+    font-size: px(44);
+    vertical-align: bottom;
+}
+</style>

src/pages/manage/user/password.vue

@@ -0,0 +1,351 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    旧密码：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="password" v-model="form.oldPassword" />
+                    </div>
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    新密码：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="password" v-model="form.newPassword" />
+                    </div>
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    确认密码：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="password" v-model="form.newPassword2" />
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="btn" @click="saveOk">保存</div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+import EasyUpload from "../../../components/easy-upload/easy-upload-media";
+
+export default {
+    name: "",
+    components: { MyImage, EasyUpload },
+    // 数据
+    data() {
+        return {
+            form: {
+                oldPassword: "",
+                newPassword: "",
+                newPassword2: "",
+            },
+            submitLoading: false,
+        };
+    },
+
+    onLoad(opts) {},
+
+    onShow() {},
+
+    // 函数
+    methods: {
+        saveOk() {
+            if (this.submitLoading) {
+                return;
+            }
+            if (!this.form.oldPassword) {
+                return this.fn.showToast("请输入旧密码");
+            }
+            if (!this.form.newPassword) {
+                return this.fn.showToast("请输入新密码");
+            }
+            if (this.form.newPassword.length<6) {
+                return this.fn.showToast("密码长度不能小于6位");
+            }
+            if (!this.form.newPassword2) {
+                return this.fn.showToast("请输入确认新密码");
+            }
+            if (this.form.newPassword !== this.form.newPassword2) {
+                return this.fn.showToast("新密码不同");
+            }
+            uni.showLoading({
+                title: "提交中...",
+                mask: true,
+            });
+            let data = { ...this.form, userId: this.user.id,query:true };
+            delete data.newPassword2;
+            this.submitLoading = true;
+
+            this.api
+                .post("/Login/ChangePwd", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    uni.hideLoading();
+                    if (res.success) {
+                        this.fn.showToast("修改成功");
+                        setTimeout(() => {
+                            this.layout();
+                        }, 500);
+                    } else {
+                        this.fn.showModal({
+                            content: res.message,
+                            showCancel:false,
+                            title:'修改失败'
+                        });
+                    }
+                });
+        },
+
+        layout() {
+            this.$store.commit("user/logout", null);
+            this.router.replace({
+                path: "/pages/index/login",
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(120);
+    min-height: 100vh;
+}
+.page--iphoneX {
+    padding-bottom: px(150);
+    .btn {
+        padding-bottom: px(30);
+        background-color: rgb(0, 188, 38);
+    }
+}
+.form-card {
+    background-color: #fff;
+    padding: 0 px(30);
+    & ~ .form-card {
+        margin-top: px(25);
+    }
+    .head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: px(140);
+        background-color: #fbfbfb;
+        border-bottom: 1px solid #f1f1f1;
+        border-top: 1px solid #f1f1f1;
+        font-size: px(44);
+    }
+}
+.form-item {
+    display: flex;
+    min-height: px(140);
+    padding: px(30) 0;
+    box-sizing: border-box;
+    align-items: center;
+    font-size: px(44);
+    &.dis-item {
+        color: #999;
+        background: #f9f9f9;
+    }
+    & ~ .form-item {
+        border-top: 1px solid #f1f1f1;
+    }
+    .label {
+        width: px(250);
+        flex-shrink: 0;
+        color: #999;
+        margin-right: px(10);
+    }
+    .box {
+        width: 100%;
+        position: relative;
+        input {
+            width: 100%;
+        }
+    }
+    .tool {
+        flex-shrink: 0;
+        color: #999;
+        margin-left: px(10);
+    }
+    .tip {
+        font-size: px(36);
+        color: #e6a23c;
+        margin-top: px(5);
+    }
+    textarea,
+    input {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+.list {
+    // min-height: 100vh;
+    // background-color: #fff;
+    // border-bottom: 1px solid #f1f1f1;
+    li {
+        padding: px(0) px(35);
+        height: px(140);
+        line-height: px(140);
+        font-size: px(44);
+        border-top: 1px solid #f1f1f1;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .tools {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        span {
+            display: inline-block;
+            border: 1px solid #f1f1f1;
+            font-size: px(36);
+            height: px(80);
+            width: px(120);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            & ~ span {
+                margin-left: px(30);
+            }
+        }
+        .remove {
+            color: #f00;
+        }
+    }
+}
+.btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: px(120);
+    background-color: rgb(0, 188, 38);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+}
+.add-btn {
+    height: px(120);
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: px(50) px(35) 0;
+    border: 1px solid #ccc;
+    border-radius: px(10);
+}
+.code-tool {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .scan-img {
+        flex-shrink: 0;
+        width: px(80);
+        height: px(80);
+        /deep/ img {
+            width: px(80);
+            height: px(80);
+        }
+    }
+    .generate {
+        color: #0097d1;
+        margin-right: px(30);
+        flex-shrink: 0;
+    }
+}
+.required {
+    color: #f00;
+    font-size: px(44);
+    &.hide {
+        visibility: hidden;
+    }
+}
+.inp-dis {
+    color: #999;
+}
+
+.img-card {
+    padding-top: px(30);
+    padding-bottom: px(30);
+}
+.form-img-item {
+    .tit {
+        padding: px(30);
+        font-size: px(44);
+    }
+}
+
+.spec-list {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    li {
+        width: 33.333333%;
+        font-size: px(40);
+        height: px(100);
+        border: 1px solid #f1f1f1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #999;
+        & ~ li {
+            // border-left: none;
+        }
+        &.on {
+            color: rgb(0, 188, 38);
+            border-color: rgb(0, 188, 38);
+        }
+    }
+}
+.mo-date {
+    margin-top: px(20);
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    font-size: px(40);
+    padding: px(10);
+}
+.n-date-box {
+    margin-top: px(20);
+    font-size: px(40);
+}
+.n-date {
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    padding: 0 px(20);
+    display: inline-block;
+    width: px(200);
+    font-size: px(44);
+    vertical-align: bottom;
+}
+</style>

src/pages/manage/user/phone.vue

@@ -0,0 +1,403 @@
+<template>
+    <div class="page" :class="{ 'page--iphoneX': iphoneX }">
+        <div class="form-card">
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    旧手机号：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="text" v-model="form.phone" />
+                    </div>
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    验证码：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="text" v-model="form.code" />
+                    </div>
+                </div>
+                <div class="tool">
+                    <span
+                        class="code-btn"
+                        :class="{ dis: getCodeIng }"
+                        @click="getCode"
+                        >{{ codeStr }}</span
+                    >
+                </div>
+            </section>
+            <section class="form-item">
+                <div class="label">
+                    <span class="required">*</span>
+                    新手机号：
+                </div>
+                <div class="box">
+                    <div class="con">
+                        <input type="text" v-model="form.newPhone" />
+                    </div>
+                </div>
+            </section>
+        </div>
+        <div class="btn" @click="saveOk">保存</div>
+    </div>
+</template>
+
+<script>
+import MyImage from "../../../components/image/index";
+import EasyUpload from "../../../components/easy-upload/easy-upload-media";
+
+export default {
+    name: "",
+    components: { MyImage, EasyUpload },
+    // 数据
+    data() {
+        return {
+            form: {
+                phone: "",
+                code: "",
+                newPhone: "",
+            },
+            submitLoading: false,
+            getCodeIng: false,
+            codeStr: "获取验证码",
+        };
+    },
+
+    onLoad(opts) {},
+
+    onShow() {},
+
+    // 函数
+    methods: {
+        getCode() {
+            if (this.getCodeIng) {
+                return;
+            }
+            if (!/^1[3456789]\d{9}$/.test(this.form.phone)) {
+                return this.fn.showToast("请输入正确的手机号");
+            }
+            this.getCodeIng = true;
+            // this.api.get("", {}, { pass: true }).then((res) => {
+            // if (res.success) {
+            this.countDown();
+            // } else {
+            // this.getCodeIng = false;
+            // this.fn.showToast("获取验证码失败:" + res.message);
+            // }
+            // });
+        },
+
+        countDown() {
+            let n = 10;
+            this.codeStr = n + "s";
+            let timer = setInterval(() => {
+                n--;
+                this.codeStr = n + "s";
+                if (n === 0) {
+                    clearInterval(timer);
+                    this.codeStr = "获取验证码";
+                    this.getCodeIng = false;
+                }
+            }, 1000);
+        },
+
+        saveOk() {
+            if (this.submitLoading) {
+                return;
+            }
+            if (!this.form.phone) {
+                return this.fn.showToast("请输入旧手机号");
+            }
+            if (!this.form.code) {
+                return this.fn.showToast("请输入验证码");
+            }
+            if (!this.form.newPhone) {
+                return this.fn.showToast("请输入新手机号");
+            }
+            if (!/^1[3456789]\d{9}$/.test(this.form.newPhone)) {
+                return this.fn.showToast("请输入正确的新手机号");
+            }
+            uni.showLoading({
+                title: "提交中...",
+                mask: true,
+            });
+            let data = { ...this.form, userId: this.user.id, query: true };
+            delete data.newPassword2;
+            this.submitLoading = true;
+
+            this.api
+                .post("/Login/ChangePwd", data, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    uni.hideLoading();
+                    if (res.success) {
+                        this.fn.showToast("修改成功");
+                        setTimeout(() => {
+                            this.layout();
+                        }, 500);
+                    } else {
+                        this.fn.showModal({
+                            content: res.message,
+                            showCancel: false,
+                            title: "修改失败",
+                        });
+                    }
+                });
+        },
+
+        layout() {
+            this.$store.commit("user/logout", null);
+            this.router.replace({
+                path: "/pages/index/login",
+            });
+        },
+    },
+
+    // 数据计算
+    computed: {
+        user() {
+            return this.$store.state.user.user;
+        },
+    },
+
+    // 数据监听
+    watch: {},
+};
+</script>
+
+
+<style lang="scss" scoped>
+.page {
+    padding-bottom: px(120);
+    min-height: 100vh;
+}
+.page--iphoneX {
+    padding-bottom: px(150);
+    .btn {
+        padding-bottom: px(30);
+        background-color: rgb(0, 188, 38);
+    }
+}
+.form-card {
+    background-color: #fff;
+    padding: 0 px(30);
+    & ~ .form-card {
+        margin-top: px(25);
+    }
+    .head {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: px(140);
+        background-color: #fbfbfb;
+        border-bottom: 1px solid #f1f1f1;
+        border-top: 1px solid #f1f1f1;
+        font-size: px(44);
+    }
+}
+.form-item {
+    display: flex;
+    min-height: px(140);
+    padding: px(30) 0;
+    box-sizing: border-box;
+    align-items: center;
+    font-size: px(44);
+    &.dis-item {
+        color: #999;
+        background: #f9f9f9;
+    }
+    & ~ .form-item {
+        border-top: 1px solid #f1f1f1;
+    }
+    .label {
+        width: px(250);
+        flex-shrink: 0;
+        color: #999;
+        margin-right: px(10);
+    }
+    .box {
+        width: 100%;
+        position: relative;
+        input {
+            width: 100%;
+        }
+    }
+    .tool {
+        flex-shrink: 0;
+        color: #999;
+        margin-left: px(10);
+    }
+    .tip {
+        font-size: px(36);
+        color: #e6a23c;
+        margin-top: px(5);
+    }
+    textarea,
+    input {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+.list {
+    // min-height: 100vh;
+    // background-color: #fff;
+    // border-bottom: 1px solid #f1f1f1;
+    li {
+        padding: px(0) px(35);
+        height: px(140);
+        line-height: px(140);
+        font-size: px(44);
+        border-top: 1px solid #f1f1f1;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .tools {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        span {
+            display: inline-block;
+            border: 1px solid #f1f1f1;
+            font-size: px(36);
+            height: px(80);
+            width: px(120);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            & ~ span {
+                margin-left: px(30);
+            }
+        }
+        .remove {
+            color: #f00;
+        }
+    }
+}
+.btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: px(120);
+    background-color: rgb(0, 188, 38);
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 100;
+}
+.add-btn {
+    height: px(120);
+    color: #333;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: px(50) px(35) 0;
+    border: 1px solid #ccc;
+    border-radius: px(10);
+}
+.code-tool {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    .scan-img {
+        flex-shrink: 0;
+        width: px(80);
+        height: px(80);
+        /deep/ img {
+            width: px(80);
+            height: px(80);
+        }
+    }
+    .generate {
+        color: #0097d1;
+        margin-right: px(30);
+        flex-shrink: 0;
+    }
+}
+.required {
+    color: #f00;
+    font-size: px(44);
+    &.hide {
+        visibility: hidden;
+    }
+}
+.inp-dis {
+    color: #999;
+}
+
+.img-card {
+    padding-top: px(30);
+    padding-bottom: px(30);
+}
+.form-img-item {
+    .tit {
+        padding: px(30);
+        font-size: px(44);
+    }
+}
+
+.spec-list {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    li {
+        width: 33.333333%;
+        font-size: px(40);
+        height: px(100);
+        border: 1px solid #f1f1f1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #999;
+        & ~ li {
+            // border-left: none;
+        }
+        &.on {
+            color: rgb(0, 188, 38);
+            border-color: rgb(0, 188, 38);
+        }
+    }
+}
+.mo-date {
+    margin-top: px(20);
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    font-size: px(40);
+    padding: px(10);
+}
+.n-date-box {
+    margin-top: px(20);
+    font-size: px(40);
+}
+.n-date {
+    border-bottom: 1px solid #f1f1f1;
+    background: #fbfbfb;
+    padding: 0 px(20);
+    display: inline-block;
+    width: px(200);
+    font-size: px(44);
+    vertical-align: bottom;
+}
+.code-btn {
+    width: px(220);
+    height: px(60);
+    border-left: 1px solid #f1f1f1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: px(40);
+    color: #4395ff;
+    &.dis {
+        color: #999;
+    }
+}
+</style>