Просмотр исходного кода

不太记得修改了什么,但应该没什么重要的修改

chillqi 2 лет назад
Родитель
Сommit
69a59c0c6f
4 измененных файлов с 32 добавлено и 30 удалено
  1. 2 1
      src/api/store.ts
  2. 2 2
      src/components/Register.vue
  3. 0 2
      src/utils/request.ts
  4. 28 25
      src/views/MANAGER/createStore.vue

+ 2 - 1
src/api/store.ts

@@ -3,7 +3,8 @@ import {STORE_MODULE} from './_prefix'
 
 // 创建商店
 export const createStore = payload => {
-    return axios.post(`${STORE_MODULE}/create`, payload)
+    console.log(payload)
+    return axios.post(`${STORE_MODULE}/`, payload, {headers: {'Content-Type': 'application/json','token': localStorage.getItem('token')}})
         .then(res => {
         return res;
     })

+ 2 - 2
src/components/Register.vue

@@ -98,7 +98,7 @@
 
         <el-form class="space-y-6 h-full">
 
-          <el-row class="flex flex-row justify-between">
+<!--          <el-row class="flex flex-row justify-between">-->
 
             <el-col :span="15">
               <el-form-item class="mb-0">
@@ -248,4 +248,4 @@
   background-image: url("../assets/shopping-1s-1084px.svg");
 }
 
-</style>
+</style>

+ 0 - 2
src/utils/request.ts

@@ -8,8 +8,6 @@ function hasToken() {
     return !(localStorage.getItem('token') == '')
 }
 
-
-
 service.interceptors.request.use(
     config => {
         if(hasToken()) {

+ 28 - 25
src/views/MANAGER/createStore.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import {ElForm, ElFormItem, ElMessage} from "element-plus"
 import {computed, ref} from 'vue'
 import {createStore} from "../../api/store.ts"
 import {uploadImage} from "../../api/image.ts"
@@ -7,7 +6,7 @@ import {uploadImage} from "../../api/image.ts"
 // 输入框值
 const name = ref('')
 const location = ref('')
-const logoURL = ref('')
+let logoUrl = ref('')
 
 // 用于前端阻拦不合法输入
 const hasNameInput = computed(() => name.value != '')
@@ -42,19 +41,17 @@ function drop(e) {
 
 function generateURL(file) {
   let formData = new FormData();
-  console.log(file)
   formData.append('file', file);
   uploadImage(formData).then(res => {
-    console.log(res);
-    this.logoURL = res.data;
-    return this.logoUrl;
+    logoUrl = res.result;
   });
-  // let fileSrc = URL.createObjectURL(file);
-  // setTimeout(() => {
-  //   URL.revokeObjectURL(fileSrc);
-  // }, 1000);
-  // console.log(fileSrc);
-  // return fileSrc;
+
+  let fileSrc = URL.createObjectURL(file);
+  setTimeout(() => {
+    URL.revokeObjectURL(fileSrc);
+  }, 1000);
+
+  return fileSrc;
 }
 
 function remove(i) {
@@ -67,21 +64,27 @@ const createDisabled = computed(() => {
 })
 
 function handleCreateStore() {
-  const payload1 = {
-    name: name,
-    location: location,
+  const payload = {
+    name: name.value,
+    location: location.value,
     logoUrl: logoUrl
   };
-  const payload2 = {
-    file: files[0]
-  };
-  createStore(payload1).then(res => {
-    uploadImage(payload2).then(res => {
-      ElMessage.success(`添加商户成功!`);
-    });
+  createStore(payload).then(res => {
+    console.log(res);
+    if (res.code === '000') {
+      ElMessage({
+        message: '添加商户成功!',
+        type: 'success',
+        center: true,
+      })
+    } else if (res.code === '400') {
+      ElMessage({
+        message: res.msg,
+        type: 'error',
+        center: true,
+      })
+    }
   });
-
-
 }
 </script>
 
@@ -146,7 +149,7 @@ function handleCreateStore() {
                 <div class="preview-container mt-4" v-if="files.length">
                   <div v-for="file in files" :key="file.name" class="preview-card">
                     <div>
-                      <img class="preview-img" :src="generateURL(file)" />
+                      <img class="preview-img" :src="generateURL(file)"/>
                       <p>
                         {{ file.name }}
                       </p>