修复创建商店的路由

src/router/index.ts

@@ -54,10 +54,11 @@ const router = createRouter({
                 name: 'bugProduct',
                 component: () => import('../views/customer/AllOrder.vue'),
             },
+            {
+                path: '/manager/createStore',
+                component: () => import('../views/manager/CreateStore.vue'),
+            },
         ]
-    }, {
-        path: '/manager/createStore',
-        component: () => import('../views/manager/CreateStore.vue'),
     }]
 })
 

src/views/manager/CreateStore.vue

@@ -92,40 +92,37 @@ function handleCreateStore() {
 </script>
 
 <template>
-  <div class="flex flex-col items-center justify-center px-6 py-6 space-y-10">
 
-    <span class="flex items-center text-2xl font-semibold text-gray-900">
-      Blue Whale Shopping Online
-    </span>
+  <el-main class="main-frame">
 
-    <el-card class="w-full bg-white rounded-lg shadow-md md:mt-0 sm:max-w-md xl:p-0">
 
-      <div class="p-6 space-y-4 md:space-y-6 sm:p-8">
+    <el-card class="current-card">
 
-        <h1 class="text-2xl font-bold leading-tight tracking-tight text-gray-900">
+      <div>
+
+        <h1 >
           添加商店
         </h1>
 
-        <el-form class="space-y-4 md:space-y-6">
+        <el-form>
 
           <el-form-item>
-            <label for="name" class="inline-block mb-2 text-sm font-medium text-gray-900">商店名</label>
-            <input id="name" v-model="name"
+            <label for="name">商店名</label>
+            <el-input id="name" v-model="name"
                    required
-                   class="bg-gray-50 border border-gray-300 text-gray-900 focus:outline-primary-600 sm:text-sm rounded-lg block w-full p-2.5"
-                   placeholder="请输入商店名">
+                   placeholder="请输入商店名"/>
           </el-form-item>
 
           <el-form-item>
-            <label for="location" class="inline-block mb-2 text-sm font-medium text-gray-900">商店地址</label>
-            <input id="location" v-model="location"
+            <label for="location">商店地址</label>
+            <el-input id="location" v-model="location"
                    required
-                   class="bg-gray-50 border border-gray-300 text-gray-900 focus:outline-primary-600 sm:text-sm rounded-lg block w-full p-2.5"
-                   placeholder="楼层-门牌号 如：3楼-305">
+
+                   placeholder="楼层-门牌号 如：3楼-305" />
           </el-form-item>
 
           <el-form-item>
-            <label for="logoUrl" class="inline-block mb-2 text-sm font-medium text-gray-900">商店Logo</label>
+            <label for="logoUrl">商店Logo</label>
             <div class="main">
               <div
                   class="dropzone-container"
@@ -183,9 +180,23 @@ function handleCreateStore() {
         </el-form>
       </div>
     </el-card>
-  </div>
+  </el-main>
 </template>
 
 <style scoped>
 
+.main-frame {
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.current-card {
+  width: 60%;
+  padding: 10px;
+}
+
 </style>