11

fhKeeper/formulahousekeeper/timesheet/src/main.js

@@ -90,6 +90,10 @@ router.beforeEach((to, from, next) => {
         next();
         return;
     }
+    if (to.path == '/expire') {
+        next();
+        return;
+    }
 
     if (to.path != '/daily') {
         sessionStorage.removeItem("from")

fhKeeper/formulahousekeeper/timesheet/src/routes.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 
 import Login from './views/Login.vue'
+import Expire from './views/Expire.vue'
 import Register from './views/Register.vue'
 import NotFound from './views/404.vue'
 import Home from './views/Home.vue'
@@ -89,6 +90,12 @@ export const fixedRouter = [
         name: '',
         hidden: true
     },
+    {
+        path: '/expire',
+        component: Expire,
+        name: '',
+        hidden: true
+    },
     {
         path: '/register',
         component: Register,

fhKeeper/formulahousekeeper/timesheet/src/views/Expire.vue

@@ -0,0 +1,95 @@
+<template>
+    <div class="expire">
+        <div class="expire_par">
+            <div class="expire_container">
+                <img class="expire_logo" src="../assets/image/login_logo.png" />
+                <p class="expire_title">工时管家</p>
+                <p class="expire_tips">您好，您购买的版本已到期!</p>
+                <p class="expire_text">
+                    尊敬的用户! 您购买的版本[{{versionList[versionId]}}] 已到期(到期日期{{expDate}})
+                    ，若需继续使用请前往企业微信应用市场续费，给贵公司带来不便，敬请谅解!
+                </p>
+                <!-- <p class="expire_kf">联系客服</p> -->
+                <div class="expire_service">
+                    <p style="color: #333">
+                        {{ $t("sao-ma-jia-ke-fu-wei-xin") }}
+                    </p>
+                    <img src="../assets/image/qwcode.png" />
+                    <p>
+                        <span style="color: #333">QQ：</span
+                        ><span id="QQ">3052894409</span>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+          versionId: 'verson',
+          versionList: ['基础版','专业版','旗舰版','建筑工程版'],
+          expDate: 'date',
+        };
+    },
+    mounted() {
+      this.versionId = parseInt(window.location.href.split('version=')[1].split('&')[0])
+      this.expDate = window.location.href.split('expDate=')[1]
+    }
+};
+</script>
+
+<style lang="scss" scoped>
+.expire {
+    height: 100%;
+    .expire_par {
+        width: 100%;
+        min-height: 100%;
+        background: #f0f2f5 url("../assets/image/background.png") no-repeat 50%;
+        background-size: 100%;
+        padding: 110px 0 144px;
+        position: relative;
+        box-sizing: border-box;
+        .expire_container {
+            background-clip: padding-box;
+            width: 600px;
+            height: 495px;
+            padding: 25px 35px 25px 35px;
+            // border: 1px solid #cac6c6;
+            margin: auto;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            .expire_logo {
+                width: 80px;
+                height: 80px;
+            }
+            .expire_title {
+                font-size: 20px;
+                color: #505458;
+                font-weight: bold;
+            }
+            .expire_tips {
+                color: #409eff;
+                font-size: 18px;
+            }
+            .expire_text {
+                font-size: 15px;
+                color: #606266;
+                text-align: center;
+                line-height: 24px;
+            }
+            .expire_service {
+            width: 120px;
+            text-align: center;
+            padding: 10px;
+            img {
+                width: 100px;
+            }
+        }
+        }
+    }
+}
+</style>

fhKeeper/formulahousekeeper/timesheet/src/views/Login.vue

@@ -297,12 +297,11 @@
                         this.logining = true;
                         setTimeout(function () {
                             _this.logining = false;
-                            console.log('执行')
+                            // console.log('执行')
                         }, 15000);
                         this.http.post(this.port.manage.login, this.ruleForm , res => {
                             this.logining = false;
                             if (res.code == "ok") {
-                                console.log('执行')
                                 if(res.data.moduleList.length == 0){
                                     this.$message({
                                         message: this.$t('qing-lian-xi-guan-li-yuan-wei')+'\u3000' + res.data.roleName + '\u3000'+this.$t('assignpermissions'),
@@ -325,6 +324,12 @@
                                 }
                             } else {
                                 this.logining = false;
+                                // if(res.msg.indexOf('到期') != -1){
+                                
+                                // this.$router.push({ path: '/expire', query:{datetext:'2022.11.24',ddd: '111'}})
+                                // console.log('到期skip');
+                                // return
+                                // }
                                 this.$message({
                                     message: res.msg,
                                     type: 'error'

fhKeeper/formulahousekeeper/timesheet_h5/src/router/index.js

@@ -31,6 +31,13 @@ const router = new Router({
             title: "注册"
         }
     },
+    {
+        path: "/expire",
+        component: () => import("@/views/expire/index"),
+        meta: {
+            title: "到期"
+        }
+    },
     {
         path: "/index",
         component: () => import("@/views/index/index"),

fhKeeper/formulahousekeeper/timesheet_h5/src/views/expire/index.vue

@@ -0,0 +1,84 @@
+<template>
+    <header class="login">
+        <van-image
+            class="login_logo"
+            width="100"
+            height="100"
+            :src="require('../../assets/img/login_logo.png')"
+        />
+        <div class="login_title">工时管家</div>
+        <div class="login_subtitle">您好，您购买的版本已到期!</div>
+        <p class="expire_text">
+            尊敬的用户! 您购买的版本[{{versionList[versionId]}}] 已到期(到期日期{{expDate}})
+            ，若需继续使用请前往企业微信应用市场续费，给贵公司带来不便，敬请谅解!
+        </p>
+        <div class="expire_service">
+            <p>扫码加客服微信</p>
+            <van-image
+                class="kf"
+                width="240"
+                :src="require('../../assets/img/kf.jpg')"
+            />
+            <!-- <p>
+                <span style="color: #333">QQ：</span
+                ><span id="QQ">3052894409</span>
+            </p> -->
+        </div>
+    </header>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            versionId: "verson",
+            versionList: ["基础版", "专业版", "旗舰版", "建筑工程版"],
+            expDate: "date",
+        };
+    },
+    mounted() {
+        this.versionId = parseInt(
+            window.location.href.split("version=")[1].split("&")[0]
+        );
+        this.expDate = window.location.href.split("expDate=")[1];
+    },
+};
+</script>
+
+<style lang="less" scoped>
+.login {
+    height: 100vh;
+    background-color: #fff;
+}
+header {
+    text-align: center;
+}
+.login_logo {
+    margin: 55px 0 20px;
+}
+.login_title {
+    font-size: 20px;
+    color: #505458;
+    margin: 0 0 10px 0;
+    font-weight: bold;
+}
+.login_subtitle {
+    font-size: 18px;
+    color: #20a0ff;
+    margin: 20px 0 40px 0;
+}
+.expire_text {
+    font-size: 15px;
+    color: #606266;
+    line-height: 24px;
+    margin: 20px 0 40px 0;
+}
+.expire_service {
+    padding: 10px;
+    p {
+        font-size: 14px;
+        margin-bottom: 10px;
+        color: #999;
+    }
+}
+</style>

fhKeeper/formulahousekeeper/timesheet_h5/src/views/login/index.vue

@@ -56,6 +56,10 @@
                         window.location.reload();
                     } else {
                         this.$toast.clear();
+                        // this.$router.push('/expire')
+                        // console.log('skip');
+                        // return
+                        
                         this.$toast.fail(res.msg);
                     }
                 }).catch(err=> {this.$toast.clear();});