feat: implement gas and delivery admin systems

frontend/gas_admin/src/views/login/index.vue

@@ -0,0 +1,79 @@
+<template>
+  <div class="container">
+    <div class="logo">
+      <img alt="和气平台" :src="logoUrl" />
+      <div class="logo-text">禾气气站管理系统</div>
+    </div>
+    <LoginBanner />
+    <div class="content">
+      <div class="content-inner">
+        <LoginForm />
+      </div>
+      <div class="footer">
+        <Footer />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import logoUrl from '@/assets/logo.svg?url';
+import Footer from '@/components/footer/index.vue';
+import LoginBanner from './components/login-banner.vue';
+import LoginForm from './components/login-form.vue';
+</script>
+
+<style lang="less" scoped>
+  .container {
+    display: flex;
+    height: 100vh;
+
+    .banner {
+      width: 550px;
+      background: linear-gradient(163.85deg, #1d2129 0%, #00308f 100%);
+    }
+
+    .content {
+      position: relative;
+      display: flex;
+      flex: 1;
+      align-items: center;
+      justify-content: center;
+      padding-bottom: 40px;
+    }
+
+    .footer {
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      width: 100%;
+    }
+  }
+
+  .logo {
+    position: fixed;
+    top: 24px;
+    left: 22px;
+    z-index: 1;
+    display: inline-flex;
+    align-items: center;
+
+    &-text {
+      margin-right: 4px;
+      margin-left: 4px;
+      color: var(--color-fill-1);
+      font-size: 20px;
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  // responsive
+  @media (max-width: @screen-lg) {
+    .container {
+      .banner {
+        width: 25%;
+      }
+    }
+  }
+</style>