1

src/views/group/product/management/index.vue

@@ -28,6 +28,12 @@
                 text: '批量修改包材',
                 action: () => batchPackagingModification(),
               },
+          props.selectStatus
+            ? {}
+            : {
+                text: '导入SKU',
+                action: () => clickImport(),
+              },
           // {
           //   text: '操作日志',
           //   action: () => viewLogs(),
@@ -101,6 +107,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>
 
@@ -109,6 +126,7 @@ import byTable from "/src/components/byTable/index";
 import MakeSKU from "/src/components/makeProduct/index";
 import Modification from "/src/components/makeProduct/modification/index";
 import ModificationSubsidiary from "/src/components/makeProduct/modification/subsidiary";
+import { ElMessage } from "element-plus";
 
 const { proxy } = getCurrentInstance();
 const props = defineProps({
@@ -397,6 +415,31 @@ const clickPackagingModificationCancel = (status) => {
     getList();
   }
 };
+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>