zbytest003-2025-02-26 08:25:18

src/assets/templates/FSG/login.vue

@@ -1,58 +1,58 @@
 <template>
-  <div class="min-h-screen bg-gradient-to-br from-blue-50 to-blue-100/50">
+  <div class="min-h-screen bg-white flex items-center justify-center">
     <div class="container mx-auto px-4">
       <!-- Header -->
-      <header class="flex justify-between items-center py-6">
-        <div class="text-2xl font-bold text-white">
-          <h1>FSG</h1>
-          <div class="text-sm">上海外服</div>
-        </div>
-        <button class="flex items-center text-blue-600 hover:text-blue-700">
-          <Globe class="w-4 h-4 mr-1" />
-          中文
-        </button>
-      </header>
+<div class="mb-8 text-center">
+  <h1 class="text-2xl font-bold text-blue-600">应用的Logo或标题</h1>
+</div>
 
       <!-- Login Form -->
-      <div class="max-w-md mx-auto mt-12 bg-white rounded-lg shadow-lg p-8">
-        <h2 class="text-3xl font-bold text-center mb-2 text-blue-600">
-          "Hello,欢迎回来"
-        </h2>
-        <p class="text-center text-gray-600 mb-8">请登录外包管理系统</p>
+      <div class="max-w-md mx-auto bg-white rounded-lg shadow-lg p-8">
+<h2 class="text-3xl font-bold text-center mb-2 text-blue-600">登录</h2>
+<p class="text-center text-gray-600 mb-8">请输入您的用户名和密码</p>
 
         <form @submit.prevent="handleSubmit">
           <div class="space-y-6">
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-1">租户名称</label>
-              <input
-                  v-model="form.tenant"
-                  type="text"
-                  placeholder="请输入"
-                  class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
+<!-- Remove tenant field -->
 
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-1">用户名</label>
-              <input
-                  v-model="form.username"
-                  type="text"
-                  placeholder="输入文字中"
-                  class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
+<div>
+  <label class="block text-sm font-medium text-gray-700 mb-1">用户名</label>
+  <input
+      v-model="form.username"
+      type="text"
+      placeholder="请输入用户名"
+      class="w-full px-3 py-2 border border-blue-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+  />
+</div>
 
-            <div>
-              <label class="block text-sm font-medium text-gray-700 mb-1">密码</label>
-              <input
-                  v-model="form.password"
-                  type="password"
-                  placeholder="请输入"
-                  class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
-              />
-            </div>
+<div>
+  <label class="block text-sm font-medium text-gray-700 mb-1">密码</label>
+  <input
+      v-model="form.password"
+      type="password"
+      placeholder="请输入密码"
+      class="w-full px-3 py-2 border border-blue-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+  />
+</div>
+
+<div class="flex items-center justify-between">
+  <a href="#" class="text-sm text-gray-600 hover:text-blue-600">忘记密码?</a>
+</div>
+
+<button
+    type="submit"
+    class="w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+>
+  登录
+</button>
+          </div>
+        </form>
+
+<div class="mt-6 text-center">
+  <a href="#/register" class="text-sm text-blue-600 hover:text-blue-700">注册新账户</a>
+</div>
+      </div>
 
-            <div class="flex items-center justify-between">
               <label class="flex items-center">
                 <input
                     v-model="form.remember"