From 0afa2188106e04e0f1959e7c40f529a69b2fdc98 Mon Sep 17 00:00:00 2001
From: Kane <wangkane@qq.com>
Date: Wed, 22 Mar 2023 01:06:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BB=A3=E7=A0=81bug?=
 =?UTF-8?q?=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/web/task_schedule/src/views/Login.vue | 86 +++++++++++++++++-----
 1 file changed, 68 insertions(+), 18 deletions(-)

diff --git a/code/web/task_schedule/src/views/Login.vue b/code/web/task_schedule/src/views/Login.vue
index 365f417..cfdb858 100644
--- a/code/web/task_schedule/src/views/Login.vue
+++ b/code/web/task_schedule/src/views/Login.vue
@@ -13,16 +13,33 @@
     <div class="page-wrapper">
         <div class="login-wrapper">
             <h1>登&nbsp;录</h1>
+            <ul class="menu-tab">
+                <li
+                    v-for="item in ui.tabMenu"
+                    :key="item.type"
+                    :class="{ 'current': ui.currentMenu === item.type }"
+                    @click="onToggleMenu(item.type)"
+                >
+                    {{ item.label }}
+                </li>
+            </ul>
             <el-form ref="loginForm">
                 <el-form-item>
                     <label class="form-label">用户名</label>
                     <el-input
+                        v-if="ui.currentMenu === ui.tabMenu[0].type"
                         v-model.trim.lazy="ui.account"
                         type="text"
                         placeholder="请输入P13账号或P09工号"
                     />
+                    <el-input
+                        v-else
+                        v-model.trim.lazy="ui.account"
+                        type="text"
+                        placeholder="请输入坐席工号"
+                    />
                 </el-form-item>
-                <el-form-item>
+                <el-form-item v-show="ui.currentMenu === ui.tabMenu[0].type">
                     <label class="form-label">密码</label>
                     <el-input
                         v-model.trim.lazy="ui.password"
@@ -41,9 +58,9 @@
                 </el-form-item>
             </el-form>
         </div>
-        <div>
+        <!-- <div>
             <span>{{ ui.tips }}</span>
-        </div>
+        </div> -->
     </div>
 </template>
 
@@ -67,6 +84,11 @@ export default {
             tips: "",
             showNeedAccountTip: false,
             showAccountErrorTip: false,
+            tabMenu: [
+                { type: "cpicxim_staff", label: "内勤", },
+                { type: "tele_saler", label: "坐席", },
+            ],
+            currentMenu: "",
         });
 
         const savedP13uid = () =>
@@ -84,7 +106,8 @@ export default {
             login(info)
                 .then((response) =>
                 {
-                    const data = response.data && { success: false, };
+                    // debugger;
+                    const data = response.data ?? { success: false, };
 
                     if (data.success === true)
                     {
@@ -96,13 +119,13 @@ export default {
                         });
 
                         const staffInfo = new StaffInfo(
-                            data.staff_info.p13uid && "",
-                            data.staff_info.code && "",
-                            data.staff_info.name && "",
-                            data.staff_info.department_code && "",
-                            data.staff_info.department_name && "",
-                            data.staff_info.section_office_code && "",
-                            data.staff_info.p13section_office_nameuid && ""
+                            data.staff_info.p13uid ?? "",
+                            data.staff_info.code ?? "",
+                            data.staff_info.name ?? "",
+                            data.staff_info.department_code ?? "",
+                            data.staff_info.department_name ?? "",
+                            data.staff_info.section_office_code ?? "",
+                            data.staff_info.p13section_office_nameuid ?? ""
                         );
 
                         saveStaffInfo(staffInfo);
@@ -146,12 +169,15 @@ export default {
             }
         });
 
-        // setInterval(() =>
-        // {
-        //     window.location.reload();
-        // }, 5000);
+        const onToggleMenu = (type: string) =>
+        {
+            ui.currentMenu = type;
+        };
 
-        return { ui, savedP13uid, onLogin, };
+        // 初始化界面
+        ui.currentMenu = ui.tabMenu[1].type;
+
+        return { ui, savedP13uid, onLogin, onToggleMenu, };
     },
 };
 </script>
@@ -159,8 +185,10 @@ export default {
 <style scoped lang="scss">
 .page-wrapper {
     box-sizing: border-box;
-    height: calc(100vh - 10mm);
-    width: calc(100vw - 10mm);
+    // height: calc(100vh - 10mm);
+    // width: calc(100vw - 10mm);
+    height: 100vh;
+    width: 100vw;
     // border: 1px solid red;
     display: flex;
     flex-direction: column;
@@ -204,6 +232,28 @@ export default {
     }
 }
 
+.menu-tab {
+  text-align: center;
+  margin-bottom: 15px;
+  margin-top: 25px;
+
+  li {
+    display: inline-block;
+    padding: 10px 24px;
+    margin: 0 10px;
+    // background-color: #fff;
+    color: #1d6ddc;
+    font-size: 16px;
+    border-radius: 5px;
+    cursor: pointer;
+
+    &.current {
+      background-color: #1d6ddc;
+      color: #fff;
+    }
+  }
+}
+
 .form-label {
     display: block;
     /* color: #fff; */