导出功能

zhanghua

2023-10-06 c068a9cbaca1c984590c14b8851e97486bfdb430

 src/views/smoke/realTime/components/header/index.vue

@@ -65,9 +65,12 @@
        </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="getUserList">刷新</el-button>
                <el-button type="primary" @click="getList">刷新</el-button>
                <el-button type="primary" @click="resetAll">重置</el-button>

        <el-button type="primary" @click="exportTableData">导出</el-button>
                <el-button type="primary" @click="exportTableData"
                    >导出</el-button
                >
      </el-form-item>
    </el-form>
  </div>
@@ -80,6 +83,20 @@
  data() {
    return {
      onlineStatusOptions: [
                {
                    label: "正常",
                    value: 1,
                },
                {
                    label: "离线",
                    value: 2,
                },
                {
                    label: "异常离线",
                    value: 3,
                },
            ],
            statusOptions: [
        {
          label: "正常",
          value: "NORMAL",
@@ -99,20 +116,6 @@
        {
          label: "异常离线",
          value: "OFF",
        },
      ],
      statusOptions: [
        {
          label: "正常",
          value: 1,
        },
        {
          label: "离线",
          value: 2,
        },
        {
          label: "异常离线",
          value: 3,
        },
      ],
      ownerOptions: [],
@@ -166,13 +169,23 @@
        .catch((err) => this.$message.error(err));
    },

    getUserList() {
        resetAll() {
            this.seachData = {};
            this.$emit("getList", { seachData: this.seachData });
        },
        getList() {
            if (this.seachData.ownerIndex !== undefined) {
      const ownerItem = this.ownerOptions[this.seachData.ownerIndex];
      this.seachData.owner = ownerItem.Pid + ownerItem.Id;
                this.seachData.owner = ownerItem.Pid + ownerItem.Id + "/";
            }
      this.$emit("getList", { seachData: this.seachData });
    },
    exportTableData(){

            if (this.seachData.ownerIndex !== undefined) {
                const ownerItem = this.ownerOptions[this.seachData.ownerIndex];
                this.seachData.owner = ownerItem.Pid + ownerItem.Id + "/";
            }
            this.$emit("exportTable", { seachData: this.seachData });
    }
  },
};