劳保、售后管理-添加导出功能

gaoluyang

2 天以前 092f67b26c5ab06a479341f5af80ea8e1642d43e

 src/views/customerService/feedbackRegistration/index.vue

@@ -12,7 +12,7 @@
               clearable
               @change="handleQuery"
            />
        <span style = "margin-left: 10px;" class="search_title">处理状态：</span>
        <span style="margin-left: 10px;" class="search_title">处理状态：</span>
        <el-select v-model="searchForm.status" placeholder="请选择状态" @change="handleQuery" style="width: 140px" clearable>
          <el-option label="待处理" :value="1"></el-option>
          <el-option label="已处理" :value="2"></el-option>
@@ -23,6 +23,7 @@
         </div>
         <div>
            <el-button type="primary" @click="openForm('add')">新增</el-button>
            <el-button @click="handleOut">导出</el-button>
            <el-button type="danger" plain @click="handleDelete">删除</el-button>
         </div>
      </div>
@@ -44,7 +45,7 @@

<script setup>
import {Search} from "@element-plus/icons-vue";
import {onMounted, ref} from "vue";
import {onMounted, ref, getCurrentInstance, nextTick} from "vue";
import FormDia from "@/views/customerService/feedbackRegistration/components/formDia.vue";
import {ElMessageBox} from "element-plus";
import {afterSalesServiceDelete, afterSalesServiceListPage} from "@/api/customerService/index.js";
@@ -202,6 +203,22 @@
         proxy.$modal.msg("已取消");
      });
};

// 导出
const handleOut = () => {
   ElMessageBox.confirm("选中的内容将被导出，是否确认导出？", "导出", {
      confirmButtonText: "确认",
      cancelButtonText: "取消",
      type: "warning",
   })
      .then(() => {
         proxy.download("/afterSalesService/export", {}, "反馈登记.xlsx");
      })
      .catch(() => {
         proxy.$modal.msg("已取消");
      });
};

onMounted(() => {
   getList();
});