新增请求配置，对接登录接口

src/views/login.vue

@@ -4,41 +4,24 @@
       <el-image :src="logo" style="width: 180px"></el-image>
     </div>
     <div class="form-wrap">
-      <div class="reg-wrap">
+      <!-- <div class="reg-wrap">
         <router-link :to="{ name: 'register' }">
           <el-link type="primary">注册</el-link>
         </router-link>
-      </div>
+      </div> -->
       <div class="header">
         <span class="t1">银收客</span>
         <span class="t2">收银、库存、营销、支付等业务一体化解决方案</span>
       </div>
-      <el-form
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        label-position="top"
-        size="large"
-        hide-required-asterisk
-      >
-        <el-form-item label="注册商户号" prop="shopCode">
-          <el-input
-            v-model="form.shopCode"
-            placeholder="请输入注册商户号"
-          ></el-input>
-        </el-form-item>
+      <el-form ref="formRef" :model="form" :rules="rules" label-position="top" hide-required-asterisk>
+        <!-- <el-form-item label="注册商户号" prop="shopCode">
+          <el-input v-model="form.shopCode" placeholder="请输入注册商户号"></el-input>
+        </el-form-item> -->
         <el-form-item label="手机号码" prop="phone">
-          <el-input
-            v-model="form.phone"
-            placeholder="请输入11位手机号码"
-          ></el-input>
+          <el-input v-model="form.phone" placeholder="请输入11位手机号码"></el-input>
         </el-form-item>
         <el-form-item label="登录密码" prop="password">
-          <el-input
-            v-model="form.password"
-            type="password"
-            placeholder="请输入登录密码"
-          ></el-input>
+          <el-input v-model="form.password" type="password" placeholder="请输入登录密码"></el-input>
         </el-form-item>
         <el-form-item>
           <div style="width: 100%; display: flex; justify-content: flex-end">
@@ -48,12 +31,7 @@
           </div>
         </el-form-item>
         <el-form-item>
-          <el-button
-            type="primary"
-            style="width: 100%"
-            :loading="loading"
-            @click="submitHandle"
-          >
+          <el-button type="primary" style="width: 100%" :loading="loading" @click="submitHandle">
             登录
           </el-button>
         </el-form-item>
@@ -76,10 +54,16 @@ import { reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 import { ipcRenderer } from "electron";
 
+import { RandomNumBoth } from '@/utils'
+
+import { useUser } from "@/store/user.js";
+const store = useUser();
+
 const router = useRouter();
 const formRef = ref(null);
 const loading = ref(false);
 
+
 const form = reactive({
   shopCode: "",
   phone: "",
@@ -112,16 +96,26 @@ const rules = reactive({
 
 // 提交
 const submitHandle = () => {
-  formRef.value.validate((valid) => {
+  formRef.value.validate(async (valid) => {
     if (valid) {
-      loading.value = true;
-      ElMessage.success("登录成功");
-      localStorage.setItem("token", "skk918sjakajhjjqhw19jsdkandkahk");
-      setTimeout(() => {
-        router.replace({
-          name: "home",
-        });
-      }, 1500);
+      const params = {
+        serialNumber: RandomNumBoth(1000, 9999),
+        clientType: 'pc',
+        loginName: form.phone,
+        password: form.password
+      }
+
+      store.userlogin(params).then((res) => {
+        loading.value = true;
+        ElMessage.success("登录成功");
+        setTimeout(() => {
+          router.replace({
+            name: "home",
+          });
+        }, 1000);
+      }).catch(err => {
+        loading.value = false
+      });
     }
   });
 };
@@ -131,14 +125,17 @@ const logout = () => {
     .then(() => {
       ipcRenderer.send("quitHandler", "退出吧");
     })
-    .catch(() => {});
+    .catch(() => { });
 };
 </script>
 
 <style scoped lang="scss">
 .login-container {
+  width: 100vw;
   display: flex;
   height: 100vh;
+  background-color: #efefef;
+
   .logo {
     flex: 1;
     height: inherit;
@@ -147,30 +144,36 @@ const logout = () => {
     align-items: center;
     justify-content: center;
   }
+
   .form-wrap {
-    flex: 1;
+    flex: 1.5;
     height: inherit;
     padding: 50px;
   }
+
   .reg-wrap {
     display: flex;
     justify-content: flex-end;
     padding-bottom: 100px;
   }
+
   .header {
     display: flex;
     flex-direction: column;
     padding-bottom: 100px;
+
     .t1 {
       font-size: 52px;
       color: #999;
     }
+
     .t2 {
       font-size: 24px;
       color: #999;
     }
   }
 }
+
 .version {
   padding-top: 50px;
   display: flex;