导入

src/views/base/braze/bindBraze/index.vue

@@ -24,6 +24,23 @@
             @finished="testFiles"
           />
       </template> -->
+      <template #menu-right="{}">
+        <el-dropdown split-button
+          >连线导入
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item
+                @click="downloadTemplate('/api/v1/baseBrazeBind/template')"
+              >
+                <i-ep-download />下载模板
+              </el-dropdown-item>
+              <el-dropdown-item @click="importExcelData">
+                <i-ep-top />导入数据
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </template>
       <template #menu="{ row, index, type }">
         <!-- <PDFView
           :need-to-show-pdf="true"
@@ -41,6 +58,7 @@
       </template>
     </avue-crud>
   </div>
+  <ExcelUpload ref="uploadRef" @finished="uploadFinished" />
 </template>
 <script setup>
 import { ref } from "vue";
@@ -60,6 +78,7 @@ const { form, data, option, search, page, toDeleteIds, Methords, Utils } =
   useCrud({
     src: "/api/v1/baseBrazeBind",
   });
+const { downloadTemplate } = Utils;
 const {
   dataEditList,
   createRow,
@@ -92,15 +111,7 @@ const addRow = (form2, done) => {
   form.value.lineColor = "白色"
   fileNameList.value = [];
 };
-/**
- * 上传excel相关
- */
-const uploadRef = ref(null);
-const uploadFinished = () => {
-  // 上传完成后的刷新操作
-  page.currentPage = 1;
-  dataEditList();
-};
+
 
 // 设置表格列或者其他自定义的option
 option.value = Object.assign(option.value, {
@@ -196,4 +207,16 @@ const deleteRecord = (row, index, done) => {
   deleteRow(row, index, done);
   dataEditList();
 };
+
+const uploadRef = ref(null);
+const importExcelData = () => {
+  if (uploadRef.value) {
+    uploadRef.value.show("/api/v1/baseBrazeBind/import", null, {baseBrazeId: route.params.id});
+  }
+};
+const uploadFinished = () => {
+  // 上传完成后的刷新操作
+  page.currentPage = 1;
+  dataList();
+};
 </script>