导出表格

src/api/person.js

@@ -8,3 +8,15 @@ import request from '@/utils/request'
 export const getPersonList = (params) => request({
   url: '/taPerson', params
 })
+
+/**
+* 导出表格
+* @param {*} data
+* @returns
+*/
+export const excelPerson = (params) => request({
+  url: '/taPerson',
+  method: 'post',
+  params,
+  responseType: 'blob'
+})

src/components/GameCharacter/edit.vue

@@ -1,108 +0,0 @@
-<template>
-  <div style="padding: 20px">
-    <h2 style="text-align: center">
-      特征实例{{ characterId ? "编辑" : "添加" }}
-    </h2>
-    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
-      <el-form-item label="实例名称：" prop="name">
-        <el-input
-          v-model="form.name"
-          placeholder="请输入实例名（必填）"
-        />
-      </el-form-item>
-      <el-form-item label="实例图片：">
-        <UploadImage :icon="form.thumb" @handleChange="handleChange" @handleDeleteIcon="handleDeleteIcon" />
-      </el-form-item>
-      <el-form-item label="实例描述：">
-        <el-input v-model="form.desc" type="textarea" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSubmit('form')">确定</el-button>
-        <el-button @click="$router.go(-1)">返回</el-button>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-<script>
-import { getGameCharacterDetail, UpdateGameCharacter, saveGameCharacter } from '@/api/gameCharacter'
-import UploadImage from '@/components/UploadImage/index.vue'
-export default {
-  components: {
-    UploadImage
-  },
-  props: {
-    gameId: String,
-    characterId: String
-  },
-  data() {
-    return {
-      form: {
-        gameId: undefined,
-        name: undefined,
-        thumb: undefined,
-        desc: undefined,
-        characterId: undefined,
-        status: 1
-      },
-      rules: {
-        name: [{ required: true, message: '请输入特征名称', trigger: 'blur' }]
-      }
-    }
-  },
-  watch: {
-    characterId: function() {
-      if (this.characterId) {
-        getGameCharacterDetail(this.characterId).then((res) => {
-          this.form = res.data
-        })
-      } else {
-        this.form = {
-          name: undefined,
-          thumb: undefined,
-          desc: undefined,
-          characterId: undefined
-        }
-      }
-    }
-  },
-  methods: {
-    onSubmit(form) {
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          const data = { ...this.form }
-          data.gameId = this.gameId
-          if (this.characterId) {
-            data.characterId = this.characterId
-            if (!data.thumb) {
-              data.thumb = ''
-            }
-            UpdateGameCharacter(data, this.characterId).then((res) => {
-              this.$message('修改实例成功')
-              // 告诉父页面实例表需要刷新
-              this.$emit('handleRefreshGameCharacter', true)
-            })
-          } else {
-            saveGameCharacter(data).then((res) => {
-              this.$message('添加实例成功')
-              // 告诉父页面实例表需要刷新
-              this.$emit('handleRefreshGameCharacter', true)
-              // 把当前页改为编辑页面
-              this.$emit('handleEditGameCharacter', res.data.characterId)
-            })
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    handleChange(val) {
-      this.form.thumb = val
-    },
-    handleDeleteIcon() {
-      this.form.thumb = ''
-    }
-  }
-}
-</script>
-<style>
-</style>

src/components/GameCharacter/index.vue

@@ -1,146 +0,0 @@
-<template>
-  <div class="body" style="font-size:14px">
-    <el-card class="box-card" shadow="never">
-      <div slot="header" class="clearfix">
-        <el-button
-          type="primary"
-          style="float: right"
-          icon="el-icon-plus"
-          @click="handleAdd"
-        >添加特征</el-button>
-      </div>
-      <!-- <el-button type="primary" style="float: right; margin-bottom: 20px;" icon="el-icon-plus" @click="handleAdd">添加特征</el-button> -->
-      <el-table stripe :data="tableData" border style="width: 100%">
-        <el-table-column prop="name" label="实例名称" />
-        <el-table-column prop="thumb" label="实例图片">
-          <template slot-scope="scope">
-            <el-image :src="scope.row.thumb" style="width: 100px; height: 100px" />
-          </template>
-        </el-table-column>
-        <el-table-column prop="createDate" label="创建时间">
-          <template slot-scope="scope">{{
-            scope.row.createDate.substr(0, 10)
-          }}</template>
-        </el-table-column>
-        <el-table-column fixed="right" label="操作">
-          <template slot-scope="scope">
-            <el-button style="margin-right:1em" type="text" @click="handleEdit(scope.row)">编辑</el-button>
-            <el-popconfirm
-              icon="el-icon-info"
-              icon-color="red"
-              title="确定删除这个特征吗？"
-              @onConfirm="handleDelete(scope.row)"
-            >
-              <el-button slot="reference" type="text" style="color:red">删除</el-button>
-            </el-popconfirm>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        v-show="characterTotal!==0"
-        style="float:right; margin:20px 0"
-        :total="characterTotal"
-        :current-page="currentPage"
-        :page-size="pageSize"
-        layout="total, prev, pager, next, sizes"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      />
-    </el-card>
-  </div>
-</template>
-<script>
-import { getGameCharacterList, deleteGameCharacter } from '@/api/gameCharacter'
-
-export default {
-  props: {
-    gameId: String
-  },
-  data() {
-    return {
-      name: undefined,
-      daterange: '',
-      tableData: [],
-      endDate: undefined,
-      startDate: undefined,
-      pageSize: 10,
-      currentPage: 1,
-      characterTotal: 0
-    }
-  },
-  watch: {
-    gameId: {
-      handler(val) {
-        if (this.gameId) {
-          this.onSearch()
-        }
-      },
-      immediate: true // 页面加载时就启动
-    }
-  },
-  methods: {
-    // 改变每页显示条数
-    handleSizeChange(val) {
-      this.pageSize = val
-      this.changePagination()
-    },
-    // 改变页码
-    handleCurrentChange(val) {
-      this.currentPage = val
-      this.changePagination()
-    },
-    // 改变分页组件重新查询数据
-    changePagination() {
-      getGameCharacterList({
-        gameId: this.gameId,
-        pageNum: this.currentPage,
-        pageSize: this.pageSize
-      }).then((res) => {
-        this.tableData = res.data.records
-        // 讲特征列表写入store 供问题答案特征下拉使用
-        const list = []
-        this.tableData.map(item => {
-          list.push({ characterId: item.characterId, name: item.name })
-        })
-        this.$store.dispatch('game/setWordListValue', list).then(() => {})
-      })
-    },
-    handleAdd() {
-      this.$emit('handleAddGameCharacter', true)
-    },
-    handleEdit(row) {
-      this.$emit('handleEditGameCharacter', row.characterId)
-    },
-    handleDelete(row) {
-      deleteGameCharacter(row.characterId).then(() => {
-        // 让父组件给右边编辑特征页面一个空的characterId
-        // 防止当前特征正在编辑时删除了右边再次进行保存会报错
-        this.$message('删除特征成功')
-        this.$emit('handleCloseGameCharacter', true)
-        this.onSearch()
-      })
-    },
-    onSearch() {
-      getGameCharacterList({
-        gameId: this.gameId
-      }).then((res) => {
-        this.tableData = res.data.records
-        this.characterTotal = res.data.total
-        this.pageSize = res.data.size
-        // 讲特征列表写入store 供问题答案特征下拉使用
-        const list = []
-        this.tableData.map(item => {
-          list.push({ characterId: item.characterId, name: item.name })
-        })
-        this.$store.dispatch('game/setWordListValue', list).then(() => {})
-      })
-    },
-    dateChange(val) {
-      this.startDate = this.daterange[0]
-      this.endDate = this.daterange[1]
-    }
-  }
-}
-</script>
-<style>
-</style>

src/components/Question/drawer.vue

@@ -1,194 +0,0 @@
-<template>
-  <div>
-    <el-drawer
-      ref="drawer"
-      :show-close="false"
-      :wrapperClosable="false"
-      :title="answerId ?'编辑答案' : '添加答案'"
-      :before-close="handleClose"
-      :visible.sync="dialog"
-      direction="ltr"
-      custom-class="demo-drawer"
-    >
-      <div class="demo-drawer__content">
-        <el-form ref="form" :model="form" :rules="rules" style="margin:20px">
-          <el-form-item label="答案：" prop="content" :label-width="formLabelWidth">
-            <el-input v-model="form.content" placeholder="请输入答案（必填）">
-              <el-select slot="prepend" v-model="form.option" filterable allow-create default-first-option style="width:100px" placeholder="请选择">
-                <el-option
-                  v-for="item in options"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-input>
-          </el-form-item>
-          <el-form-item label="匹配特征：" :label-width="formLabelWidth">
-            <el-select
-              v-model="form.characterList"
-              multiple
-              filterable
-              default-first-option
-              placeholder="请选择特征"
-              style="width:100%"
-            >
-              <el-option
-                v-for="item in wordList"
-                :key="item.characterId"
-                :label="item.name"
-                :value="item.characterId"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item style="text-align:center">
-            <el-button @click="handleClose">取 消</el-button>
-            <el-button type="primary" @click="onSubmit('form')">确 定</el-button>
-          </el-form-item>
-        </el-form>
-      </div>
-    </el-drawer>
-  </div>
-</template>
-<script>
-import { getAnswerDetail, saveAnswer, UpdateAnswer } from '@/api/answer'
-export default {
-  props: {
-    dialog: Boolean,
-    questionId: String,
-    answerId: String,
-    gameId: String
-  },
-  data() {
-    return {
-      rules: {
-        content: [{ required: true, message: '请输入答案内容', trigger: 'blur' }]
-      },
-      form: {
-        option: undefined,
-        content: undefined,
-        characterList: [],
-        sortNo: 1,
-        status: 1
-      },
-      formLabelWidth: '120px',
-      options: [
-        {
-          value: 'A',
-          label: 'A'
-        },
-        {
-          value: 'B',
-          label: 'B'
-        },
-        {
-          value: 'C',
-          label: 'C'
-        },
-        {
-          value: 'D',
-          label: 'D'
-        },
-        {
-          value: 'true',
-          label: '对'
-        },
-        {
-          value: 'false',
-          label: '错'
-        }
-      ]
-    }
-  },
-  computed: {
-    wordList() {
-      return this.$store.state.game.wordList
-    }
-  },
-  watch: {
-    answerId() {
-      if (this.answerId) {
-        getAnswerDetail(this.answerId, { gameId: this.gameId }).then((res) => {
-          this.form = res.data
-          if (res.data.characterList) {
-            const list = []
-            res.data.characterList.map(item => {
-              list.push(item.characterId)
-            })
-            this.form.characterList = list
-          }
-        })
-      }
-    }
-  },
-  methods: {
-    onSubmit(form) {
-      this.$refs[form].validate((valid) => {
-        if (valid) {
-          if (this.form.option) {
-            const list = this.wordList.filter(item => this.form.characterList.includes(item.characterId))
-            const data = { ...this.form }
-            if (list) {
-              list.map(item => {
-                item.gameId = this.gameId
-              })
-              data.characterList = list
-            }
-            switch (data.option) {
-              case 'A':data.sortNo = 1; break
-              case 'B':data.sortNo = 2; break
-              case 'C':data.sortNo = 3; break
-              case 'D':data.sortNo = 4; break
-              case 'E':data.sortNo = 5; break
-              case 'F':data.sortNo = 6; break
-              case 'G':data.sortNo = 7; break
-              case 'H':data.sortNo = 8; break
-              case 'I':data.sortNo = 9; break
-              case 'J':data.sortNo = 10; break
-              case 'true':data.sortNo = 1; break
-              case 'false':data.sortNo = 2; break
-              default:break
-            }
-            if (this.answerId) {
-              UpdateAnswer(data, this.answerId).then((res) => {
-                this.$message('修改成功')
-                this.$emit('handleEditDrawer', true)
-                this.form = {
-                  option: undefined,
-                  content: undefined,
-                  characterList: []
-                }
-              })
-            } else {
-              data.questionId = this.questionId
-              saveAnswer(data).then((res) => {
-                this.$message('添加成功')
-                this.$emit('handleEditDrawer', true)
-                this.form = {
-                  option: undefined,
-                  content: undefined,
-                  characterList: []
-                }
-              })
-            }
-          } else {
-            this.$message('请在灰色下来菜单中添加选项')
-          }
-        } else {
-          return false
-        }
-      })
-    },
-    handleClose() {
-      this.$emit('handleCloseDrawer', true)
-      this.form = {
-        option: undefined,
-        content: undefined,
-        characterList: []
-      }
-    }
-  }
-}
-</script>
-<style>
-</style>

src/components/Question/edit.vue

@@ -1,282 +0,0 @@
-<template>
-  <div style="padding: 20px">
-    <h2 style="text-align: center">
-      游戏题目{{ gameQuestionMapId!==0 ? "编辑" : "添加" }}
-    </h2>
-    <el-form ref="form" :model="form" label-width="90px">
-      <el-form-item label="题目：">
-        <el-input v-if="resultMode === 'character_matched'" v-model="form.title" placeholder="请输入实例名（必填）">
-          <el-select slot="prepend" v-model="form.optType" style="width:100px" placeholder="请选择">
-            <el-option label="单选题" value="single" />
-            <el-option label="多选题" value="many" />
-            <el-option label="判断题" value="judgment" />
-          </el-select>
-        </el-input>
-        <el-select
-          v-else
-          v-model="nowQuestionId"
-          filterable
-          default-first-option
-          style="width:100%"
-          placeholder="请选择"
-          :disabled="gameQuestionMapId!==0"
-        >
-          <el-option
-            v-for="item in questionList"
-            :key="item.questionId"
-            :label="item.title"
-            :value="item.questionId"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-if="resultMode==='examination'" label="分数">
-        <el-input v-model="form.score" type="number" min="1" max="50" />
-      </el-form-item>
-      <el-form-item
-        v-if="gameQuestionMapId!==0 && resultMode === 'examination'"
-        label="正确选项："
-      >
-        <!-- filterable可搜索 multiple可多选 default-first-option回车可选-->
-        <el-select
-          v-model="form.rightAnswer"
-          disabled
-          style="width:100%"
-          multiple
-          filterable
-          default-first-option
-          placeholder="请选择"
-        >
-          <el-option
-            v-for="item in rightList"
-            :key="item"
-            :label="item"
-            :value="item"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="onSubmit">确定</el-button>
-        <el-button @click="$router.go(-1)">返回</el-button>
-      </el-form-item>
-    </el-form>
-    <el-card v-if="gameQuestionMapId!==0" shadow="never" body-style="padding:0" class="box-card">
-      <div slot="header" class="clearfix">
-        <h3 style="float:left">答案列表</h3>
-        <el-button
-          v-if=" resultMode !== 'examination'"
-          type="primary"
-          style="float: right"
-          icon="el-icon-plus"
-          @click="onAddAnswer"
-        >添加答案</el-button>
-      </div>
-      <ul style="list-style-type: none;margin:24px 0 24px -40px">
-        <li v-for="answer in answerList" :key="answer.answerId" class="answerli">
-          <div style="flex:1;width: 100%;overflow: hidden;display: flex;" @click="resultMode === 'examination'?'':handleEdit(answer)">
-            <span style="width:45px">{{ answer.option }}</span>
-            <span style="flex:1">{{ answer.content }}</span>
-          </div>
-          <el-popconfirm
-            v-if="resultMode !== 'examination'"
-            style="width:30px"
-            icon="el-icon-info"
-            icon-color="red"
-            title="确定删除这个答案吗？"
-            @onConfirm="handleDelete(answer)"
-          >
-            <el-button slot="reference" type="text" class="deleteQuestion" style="color:red">删除</el-button>
-          </el-popconfirm>
-        </li>
-      </ul>
-    </el-card>
-    <QuestionDrawer
-      :dialog="dialog"
-      :question-id="form.questionId"
-      :answer-id="answerId"
-      :game-id="gameId"
-      @handleCloseDrawer="handleCloseDrawer"
-      @handleEditDrawer="handleEditDrawer"
-    />
-  </div>
-</template>
-<script>
-
-import { getQuestionList } from '@/api/question'
-import { getAnswerList, deleteAnswer } from '@/api/answer'
-import { saveGameLeverQuestion, UpdateGameLeverQuestion, getGameLeverQuestionDetail } from '@/api/gamelevelquestion'
-import QuestionDrawer from '@/components/Question/drawer.vue'
-
-export default {
-  components: {
-    QuestionDrawer
-  },
-  props: {
-    gameQuestionMapId: {
-      type: Number,
-      required: true
-    },
-    gameId: {
-      type: String,
-      required: true
-    },
-    resultMode: String
-  },
-  data() {
-    return {
-      form: {
-        title: undefined,
-        optType: undefined,
-        rightAnswer: undefined,
-        gameId: undefined,
-        score: 0,
-        status: 1,
-        questionId: undefined
-      },
-      nowQuestionId: undefined, // 当前问题id用于获取答案列表 和匹配游戏模式传入答案编辑弹窗的questionId
-      questionList: [], // 用于存储测试模式下选择问题的下拉菜单的数据源
-      // 答案列表（包括选项 内容 特征词列表）
-      answerList: [],
-      answerId: undefined,
-      // 正确答案数据源
-      rightList: [],
-      dialog: false
-    }
-  },
-  watch: {
-    // 用于点击左边改变右边的页面
-    gameQuestionMapId: function() {
-      if (this.gameQuestionMapId !== 0) {
-        getGameLeverQuestionDetail(this.gameQuestionMapId, { gameId: this.gameId }).then((res) => {
-          this.form = res.data
-          this.form.rightAnswer = res.data.rightAnswer?.split(',')
-          this.nowQuestionId = res.data.questionId
-          getAnswerList({ questionId: res.data.questionId }).then((res) => {
-            this.answerList = res.data.records
-          })
-        })
-      } else {
-        this.form = {
-          title: undefined,
-          optType: undefined,
-          score: 0,
-          status: 1,
-          gameId: undefined,
-          rightAnswer: undefined,
-          questionId: undefined
-        }
-        this.nowQuestionId = undefined
-      }
-    }
-  },
-  mounted: function() {
-    getQuestionList({ pageSize: 999 }).then((res) => { this.questionList = res.data.records })
-  },
-  methods: {
-    // 添加答案
-    onAddAnswer() {
-      this.answerId = undefined
-      this.dialog = true
-    },
-    // 编辑答案
-    handleEdit(val) {
-      this.answerId = val.answerId
-      this.dialog = true
-    },
-    // 删除答案
-    handleDelete(val) {
-      deleteAnswer(val.answerId).then((res) => {
-        this.$message('删除答案成功')
-        this.handleAnswerList()
-      })
-    },
-    // 关闭答案抽屉
-    handleCloseDrawer() {
-      this.dialog = false
-    },
-    // 编辑答案抽屉成功重新查询列表
-    handleEditDrawer(val) {
-      this.handleCloseDrawer()
-      this.handleAnswerList()
-    },
-    // 查询当前问题答案列表
-    handleAnswerList() {
-      getAnswerList({ questionId: this.nowQuestionId }).then((res) => {
-        this.answerList = res.data.records
-      })
-    },
-    // 转换特征数组数据格式
-    handleToString(list) {
-      const nameList = []
-      list?.map(item => {
-        nameList.push(item.name)
-      })
-      return nameList.toString()
-    },
-    // 非空判断方法
-    handelNull() {
-      if (this.resultMode === 'examination') {
-        if (this.nowQuestionId) {
-          if (this.form.score && this.form.score !== 0) {
-            return true
-          } else {
-            this.$message('请输入本题分数')
-            return false
-          }
-        } else {
-          this.$message('请选择题目')
-          return false
-        }
-      } else {
-        if (this.form.optType) {
-          if (this.form.title) {
-            return true
-          } else {
-            this.$message('请输入题目')
-            return false
-          }
-        } else {
-          this.$message('请选择题型')
-          return false
-        }
-      }
-    },
-    onSubmit() {
-      if (this.handelNull()) {
-        const data = { ...this.form }
-        if (this.gameQuestionMapId === 0) {
-          saveGameLeverQuestion({ ...data, gameId: this.gameId, questionId: this.nowQuestionId }).then((res) => {
-            this.$message('添加问题成功')
-            this.$emit('handleRefreshQuestion', true)
-            this.$emit('handleEditQuestion', res.data.gameQuestionMapId)
-          })
-        } else {
-          if (data.rightAnswer) {
-            data.rightAnswer = data.rightAnswer.toString()
-          }
-          UpdateGameLeverQuestion({ ...data, gameId: this.gameId, questionId: this.nowQuestionId }, this.gameQuestionMapId).then((res) => {
-            this.$message('修改问题成功')
-            this.$emit('handleRefreshQuestion', true)
-          })
-        }
-      }
-    }
-  }
-}
-</script>
-<style scoped lang="scss">
-.answerli {
-  width: 100%;
-  overflow: hidden;
-  display: flex;
-  line-height:40px;
-  background-color: white;
-  padding:0 8px;
-  border: 1px solid #f0f2f5;
-}
-.answerli:hover {
-  background-color: rgb(230, 247, 255);
-}
-.answerli:nth-of-type(even) {
-  background: #f0f2f5;
-}
-</style>

src/components/Question/index.vue

@@ -1,169 +0,0 @@
-<template>
-  <div class="body">
-    <el-card class="box-card" shadow="never" body-style="padding:0">
-      <div slot="header" class="clearfix">
-        <h3 style="float:left">题库列表</h3>
-        <h4 v-if="resultMode==='examination'" style="float:left;margin-left: 10px;">总分{{ totalScore }}</h4>
-        <el-button
-          type="primary"
-          style="float: right"
-          icon="el-icon-plus"
-          @click="handleAdd"
-        >添加题目</el-button>
-      </div>
-      <!-- <ul style="list-style-type: none;margin:24px 0 0 -40px">
-        <li v-for="item,index in tableData" :key="index" class="questionli" @click="handleEdit(item)">
-          <span style="width:45px">第{{ index+1 }}题</span>
-          <span style="width:45px">{{ item.optType === 'single'?'单选题':item.optType==='many'?'多选题':'判断题' }}</span>
-          <span style="flex:1">{{ item.title }}</span>
-          <el-popconfirm
-            style="width:30px"
-            icon="el-icon-info"
-            icon-color="red"
-            title="确定删除这个问题吗？"
-            @onConfirm="handleDelete(item)"
-          >
-            <el-button slot="reference" type="text" style="color:red">删除</el-button>
-          </el-popconfirm>
-        </li>
-      </ul> -->
-      <draggable v-model="tableData" chosen-class="chosen" force-fallback="true" group="people" animation="1000" @end="onEnd">
-        <transition-group>
-          <div v-for="item,index in tableData" :key="index" class="questionli" @click="handleEdit(item)">
-            <span style="width:45px">第{{ index+1 }}题</span>
-            <span style="width:45px">{{ item.optType === 'single'?'单选题':item.optType==='many'?'多选题':'判断题' }}</span>
-            <span style="flex:1">{{ item.title }}</span>
-            <el-popconfirm
-              style="width:30px"
-              icon="el-icon-info"
-              icon-color="red"
-              title="确定删除这个问题吗？"
-              @onConfirm="handleDelete(item)"
-            >
-              <el-button slot="reference" type="text" style="color:red">删除</el-button>
-            </el-popconfirm>
-          </div>
-        </transition-group>
-      </draggable>
-      <el-pagination
-        v-show="questionTotal!==0"
-        style="float:right; margin:24px 0"
-        :total="questionTotal"
-        :current-page="currentPage"
-        :page-size="pageSize"
-        layout="total, prev, pager, next, sizes"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      />
-    </el-card>
-  </div>
-</template>
-<script>
-import { getQuestionList, UpdateQuestionSort } from '@/api/question'
-import { deleteGameLeverQuestion } from '@/api/gamelevelquestion'
-import draggable from 'vuedraggable'
-
-export default {
-  // 注册draggable组件
-  components: {
-    draggable
-  },
-  props: {
-    gameId: {
-      type: String,
-      required: true
-    },
-    resultMode: String
-  },
-  data() {
-    return {
-      tableData: [],
-      pageSize: 20,
-      currentPage: 1,
-      questionTotal: 0, // 条目总数
-      totalScore: 0
-    }
-  },
-  watch: {
-    gameId: {
-      handler(val) {
-        if (val) {
-          this.onSearch()
-        }
-      },
-      immediate: true // 页面加载时就启动
-    }
-  },
-  methods: {
-    // 拖拽结束事件
-    onEnd() {
-      const sortList = []
-      this.tableData.map((item, index) => {
-        sortList.push({ sortNo: index, serialNo: item.gameQuestionMapId })
-      })
-      UpdateQuestionSort(sortList, this.gameId)
-    },
-    handleSizeChange(val) {
-      this.pageSize = val
-      this.changePagination()
-    },
-    handleCurrentChange(val) {
-      this.currentPage = val
-      this.changePagination()
-    },
-    changePagination() {
-      getQuestionList({ gameId: this.gameId, pageSize: this.pageSize, pageNum: this.currentPage }).then(
-        (res) => {
-          this.tableData = res.data.records
-        }
-      )
-    },
-    // 添加问题
-    handleAdd() {
-      this.$emit('handleAddQuestion', true)
-    },
-    handleEdit(row) {
-      // 向外传送数据row.gameQuestionMapId
-      this.$emit('handleEditQuestion', row.gameQuestionMapId)
-    },
-    handleDelete(row) {
-      deleteGameLeverQuestion(row.gameQuestionMapId).then(() => {
-        this.$message('删除问题成功')
-        this.onSearch()
-        // 关闭编辑问题页面防止编辑页面还没关闭就删除当前问题了
-        this.$emit('handleCloseQuestion', true)
-      })
-    },
-    onSearch() {
-      getQuestionList({ gameId: this.gameId, pageSize: this.pageSize }).then(
-        (res) => {
-          this.tableData = res.data.records
-          this.questionTotal = res.data.total
-          this.pageSize = res.data.size
-          this.totalScore = 0
-          res.data.records.map(item => {
-            this.totalScore += item.score
-          })
-        }
-      )
-    }
-  }
-}
-</script>
-<style scoped lang="scss">
-.questionli {
-  width: 100%;
-  overflow: hidden;
-  display: flex;
-  line-height:40px;
-  background-color: white;
-  padding:0 8px;
-  border: 1px solid #f0f2f5;
-}
-.questionli:nth-of-type(even) {
-  background: #f0f2f5;
-}
-.questionli:hover {
-  background-color: rgb(230, 247, 255);
-}
-</style>

src/components/UploadImage/index.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="uploadClass">
-    <el-upload
-      action="#"
-      list-type="picture-card"
-      :file-list="fileList"
-      :limit="1"
-      :on-remove="handleRemove"
-      :on-change="handleChange"
-      :auto-upload="false"
-      @http-request="customUploadFile"
-    >
-      <i class="el-icon-plus" />
-    </el-upload>
-  </div>
-</template>
-<script>
-import { uploadFile } from '@/utils/upload'
-export default {
-  props: {
-    icon: String
-  },
-  data() {
-    return {
-      dialogImageUrl: undefined,
-      dialogVisible: false,
-      fileList: []
-    }
-  },
-  watch: {
-    icon() {
-      if (this.icon) {
-        this.fileList = [{ name: 'image', url: this.icon }]
-      } else {
-        this.fileList = []
-      }
-    }
-  },
-  methods: {
-    customUploadFile(val) {
-      uploadFile({ file: val, onSuccess: this.onSuccess, onError: this.onError })
-    },
-    onSuccess(url) {
-      this.$emit('handleChange', url)
-    },
-    onError(e) {
-    },
-    handleRemove(file, fileList) {
-      this.fileList = []
-      this.$emit('handleDeleteIcon', true)
-    },
-    handleChange(file, fileList) {
-      this.customUploadFile(file.raw)
-    }
-  }
-}
-</script>
-<style>
-.uploadClass .el-upload--picture-card {
-  width: 100px;
-  height: 100px;
-  line-height: 106px;
-}
-.el-upload-list--picture-card .el-upload-list__item {
-  width: 100px;
-  height: 100px;
-}
-</style>

src/main.js

@@ -13,7 +13,6 @@ import store from './store'
 import router from './router'
 
 import '@/icons' // icon
-
 /**
  * If you don't want to use mock-server
  * you want to use MockJs for mock api
@@ -31,7 +30,6 @@ import '@/icons' // icon
 // Vue.use(ElementUI, { locale })
 // 如果想要中文版 element-ui，按如下方式声明
 Vue.use(ElementUI)
-
 Vue.config.productionTip = false
 
 new Vue({

src/utils/download.js

@@ -0,0 +1,8 @@
+export function downloadBlob(blob, fileName) {
+  const url = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = url
+  link.setAttribute('download', fileName)
+  link.click()
+  window.URL.revokeObjectURL(url)
+}

src/utils/request.js

@@ -1,6 +1,7 @@
 import axios from 'axios'
 import { Message } from 'element-ui'
 import store from '@/store'
+import { downloadBlob } from './download'
 
 // create an axios instance
 const service = axios.create({
@@ -18,7 +19,6 @@ service.interceptors.request.use(
       // let each request carry token
       // ['X-Token'] is a custom headers key
       // please modify it according to the actual situation
-  
     }
     return config
   },
@@ -43,8 +43,13 @@ service.interceptors.response.use(
    */
   response => {
     const res = response.data
-    // if the custom code is not 20000, it is judged as an error.
-    if (res.code !== 1000) {
+    const contextType = response.headers['content-type']
+    if (contextType.indexOf('application/vnd.ms-excel') > -1) {
+      const data = new Blob([res])
+      const content = response.headers['content-disposition']
+      const fileName = content.replace('attachment;filename=', '')
+      downloadBlob(data, decodeURIComponent(fileName))
+    } else if (res.code !== 1000) {
       Message({
         message: res.message || 'Error',
         type: 'error',

src/views/person/index.vue

@@ -15,6 +15,7 @@
       <div style="float:right">
         <el-button type="primary" @click="onSearch">查询</el-button>
         <el-button @click="onReset">重置</el-button>
+        <el-button @click="excelOut">导出</el-button>
       </div>
     </el-card>
     <el-table stripe :data="tableData" border style="width: 100%">
@@ -43,8 +44,7 @@
   </div>
 </template>
 <script>
-import { getPersonList } from '@/api/person'
-
+import { getPersonList, excelPerson } from '@/api/person'
 export default {
   data() {
     return {
@@ -105,6 +105,9 @@ export default {
     dateChange(val) {
       this.startDate = this.daterange[0]
       this.endDate = this.daterange[1]
+    },
+    excelOut() {
+      excelPerson({ startDate: this.startDate, endDate: this.endDate })
     }
   }
 }

yarn.lock

@@ -4749,6 +4749,7 @@ file-loader@^4.2.0:
     loader-utils "^1.2.3"
     schema-utils "^2.5.0"
 
+
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/file-uri-to-path/download/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
@@ -9092,6 +9093,11 @@ raw-body@2.4.2, raw-body@^2.2.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+raw-loader@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.npmmirror.com/raw-loader/download/raw-loader-0.5.1.tgz#0c3d0beaed8a01c966d9787bf778281252a979aa"
+  integrity sha1-DD0L6u2KAclm2Xh793goElKpeao=
+
 react-is@^16.8.4:
   version "16.13.1"
   resolved "https://registry.npmmirror.com/react-is/download/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
@@ -9601,6 +9607,13 @@ script-ext-html-webpack-plugin@2.1.3:
   dependencies:
     debug "^4.1.0"
 
+script-loader@^0.7.2:
+  version "0.7.2"
+  resolved "https://registry.npmmirror.com/script-loader/download/script-loader-0.7.2.tgz#2016db6f86f25f5cf56da38915d83378bb166ba7"
+  integrity sha1-IBbbb4byX1z1baOJFdgzeLsWa6c=
+  dependencies:
+    raw-loader "~0.5.1"
+
 sdk-base@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmmirror.com/sdk-base/download/sdk-base-2.0.1.tgz#ba40289e8bdf272ed11dd9ea97eaf98e036d24c6"