Selaa lähdekoodia

Merge branch 'SKU导入'

lxf 1 vuosi sitten
vanhempi
commit
43b7a0b19e
1 muutettua tiedostoa jossa 42 lisäystä ja 0 poistoa
  1. 42 0
      src/views/group/product/management/index.vue

+ 42 - 0
src/views/group/product/management/index.vue

@@ -34,6 +34,12 @@
                 text: '手动同步SKU',
                 action: () => clickSynchronization(),
               },
+          props.selectStatus
+            ? {}
+            : {
+                text: '导入SKU',
+                action: () => clickImport(),
+              },
           // {
           //   text: '操作日志',
           //   action: () => viewLogs(),
@@ -107,6 +113,17 @@
     <el-dialog title="批量修改包材" v-if="openPackagingModification" v-model="openPackagingModification" width="96%">
       <ModificationSubsidiary @clickCancel="clickPackagingModificationCancel"></ModificationSubsidiary>
     </el-dialog>
+
+    <el-dialog title="导入SKU" v-if="openUpload" v-model="openUpload" width="600">
+      <div v-loading="loadingUpload">
+        <el-upload :show-file-list="false" action="##" :http-request="uploadServerLog" :before-upload="handleBeforeUpload">
+          <el-button style="background: #20b2aa; color: #fff; border: 1px solid #20b2aa">上传</el-button>
+        </el-upload>
+        <div style="text-align: center; margin: 10px">
+          <el-button @click="openUpload = false" size="large">关 闭</el-button>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -417,6 +434,31 @@ const clickSynchronization = () => {
     }
   );
 };
+const openUpload = ref(false);
+const loadingUpload = ref(false);
+const clickImport = () => {
+  loadingUpload.value = false;
+  openUpload.value = true;
+};
+const handleBeforeUpload = () => {
+  loadingUpload.value = true;
+};
+const uploadServerLog = (params) => {
+  let file = params.file;
+  let formData = new FormData();
+  formData.append("file", file);
+  proxy.postUploadFile("/skuSpec/skuSpecImport", formData).then(
+    () => {
+      ElMessage({ message: "导入成功", type: "success" });
+      openUpload.value = false;
+      getList();
+    },
+    (err) => {
+      console.log(err);
+      loadingUpload.value = false;
+    }
+  );
+};
 </script>
 
 <style lang="scss" scoped>