Merge branch 'dev-meta-dz' of xiongzhu/raex_back into master

src/main/java/com/izouma/nineth/domain/MetaEmail.java

@@ -0,0 +1,30 @@
+package com.izouma.nineth.domain;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Entity;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Entity
+@ApiModel("元宇宙邮件配置")
+public class MetaEmail extends BaseEntity{
+
+    @ApiModelProperty("邮件标题")
+    @ExcelProperty("邮件标题")
+    private String title;
+
+    @ApiModelProperty("邮件作者")
+    @ExcelProperty("邮件作者")
+    private String auther;
+
+    @ApiModelProperty("邮件内容")
+    @ExcelProperty("邮件内容")
+    private String description;
+}

src/main/java/com/izouma/nineth/domain/MetaQuestion.java

@@ -0,0 +1,50 @@
+package com.izouma.nineth.domain;
+
+import com.alibaba.excel.annotation.ExcelProperty;
+import io.swagger.annotations.ApiModel;
+import io.swagger.annotations.ApiModelProperty;
+import lombok.AllArgsConstructor;
+import lombok.Data;
+import lombok.NoArgsConstructor;
+
+import javax.persistence.Entity;
+
+@Data
+@AllArgsConstructor
+@NoArgsConstructor
+@Entity
+@ApiModel("元宇宙题库配置")
+public class MetaQuestion extends BaseEntity{
+
+    @ApiModelProperty("题目标签")
+    @ExcelProperty("题目标签")
+    private String title;
+
+    @ApiModelProperty("题目描述")
+    @ExcelProperty("题目描述")
+    private String description;
+
+    @ApiModelProperty("选项A")
+    @ExcelProperty("选项A")
+    private String optionA;
+
+    @ApiModelProperty("选项B")
+    @ExcelProperty("选项B")
+    private String optionB;
+
+    @ApiModelProperty("选项C")
+    @ExcelProperty("选项C")
+    private String optionC;
+
+    @ApiModelProperty("选项D")
+    @ExcelProperty("选项D")
+    private String optionD;
+
+    @ApiModelProperty("正确选项")
+    @ExcelProperty("正确选项")
+    private int correct;
+
+    @ApiModelProperty("用途")
+    @ExcelProperty("用途")
+    private Long purpose;
+}

src/main/java/com/izouma/nineth/repo/MetaEmailRepo.java

@@ -0,0 +1,16 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.MetaEmail;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+
+public interface MetaEmailRepo extends JpaRepository<MetaEmail, Long>, JpaSpecificationExecutor<MetaEmail> {
+    @Query("update MetaEmail t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+}

src/main/java/com/izouma/nineth/repo/MetaQuestionRepo.java

@@ -0,0 +1,19 @@
+package com.izouma.nineth.repo;
+
+import com.izouma.nineth.domain.MetaQuestion;
+import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+
+import javax.transaction.Transactional;
+import java.util.List;
+
+public interface MetaQuestionRepo extends JpaRepository<MetaQuestion, Long>, JpaSpecificationExecutor<MetaQuestion> {
+    @Query("update MetaQuestion t set t.del = true where t.id = ?1")
+    @Modifying
+    @Transactional
+    void softDelete(Long id);
+
+    List<MetaQuestion> findAllByPurpose(Long purpose);
+}

src/main/java/com/izouma/nineth/service/MetaEmailService.java

@@ -0,0 +1,20 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.domain.MetaEmail;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.MetaEmailRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class MetaEmailService {
+
+    private MetaEmailRepo metaEmailRepo;
+
+    public Page<MetaEmail> all(PageQuery pageQuery) {
+        return metaEmailRepo.findAll(JpaUtils.toSpecification(pageQuery, MetaEmail.class), JpaUtils.toPageRequest(pageQuery));
+    }
+}

src/main/java/com/izouma/nineth/service/MetaQuestionService.java

@@ -0,0 +1,20 @@
+package com.izouma.nineth.service;
+
+import com.izouma.nineth.domain.MetaQuestion;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.repo.MetaQuestionRepo;
+import com.izouma.nineth.utils.JpaUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.stereotype.Service;
+
+@Service
+@AllArgsConstructor
+public class MetaQuestionService {
+
+    private MetaQuestionRepo metaQuestionRepo;
+
+    public Page<MetaQuestion> all(PageQuery pageQuery) {
+        return metaQuestionRepo.findAll(JpaUtils.toSpecification(pageQuery, MetaQuestion.class), JpaUtils.toPageRequest(pageQuery));
+    }
+}

src/main/java/com/izouma/nineth/web/MetaEmailController.java

@@ -0,0 +1,60 @@
+package com.izouma.nineth.web;
+import com.izouma.nineth.domain.MetaEmail;
+import com.izouma.nineth.service.MetaEmailService;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.MetaEmailRepo;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.List;
+
+@RestController
+@RequestMapping("/metaEmail")
+@AllArgsConstructor
+public class MetaEmailController extends BaseController {
+    private MetaEmailService metaEmailService;
+    private MetaEmailRepo metaEmailRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public MetaEmail save(@RequestBody MetaEmail record) {
+        if (record.getId() != null) {
+            MetaEmail orig = metaEmailRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return metaEmailRepo.save(orig);
+        }
+        return metaEmailRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<MetaEmail> all(@RequestBody PageQuery pageQuery) {
+        return metaEmailService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public MetaEmail get(@PathVariable Long id) {
+        return metaEmailRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        metaEmailRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<MetaEmail> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+}
+

src/main/java/com/izouma/nineth/web/MetaQuestionController.java

@@ -0,0 +1,70 @@
+package com.izouma.nineth.web;
+
+import com.izouma.nineth.domain.MetaQuestion;
+import com.izouma.nineth.dto.MetaRestResult;
+import com.izouma.nineth.dto.PageQuery;
+import com.izouma.nineth.exception.BusinessException;
+import com.izouma.nineth.repo.MetaQuestionRepo;
+import com.izouma.nineth.service.MetaQuestionService;
+import com.izouma.nineth.utils.ObjUtils;
+import com.izouma.nineth.utils.excel.ExcelUtils;
+import lombok.AllArgsConstructor;
+import org.springframework.data.domain.Page;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletResponse;
+import java.io.IOException;
+import java.util.Collections;
+import java.util.List;
+
+@RestController
+@RequestMapping("/metaQuestion")
+@AllArgsConstructor
+public class MetaQuestionController extends BaseController {
+    private MetaQuestionService metaQuestionService;
+    private MetaQuestionRepo metaQuestionRepo;
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/save")
+    public MetaQuestion save(@RequestBody MetaQuestion record) {
+        if (record.getId() != null) {
+            MetaQuestion orig = metaQuestionRepo.findById(record.getId()).orElseThrow(new BusinessException("无记录"));
+            ObjUtils.merge(orig, record);
+            return metaQuestionRepo.save(orig);
+        }
+        return metaQuestionRepo.save(record);
+    }
+
+
+    //@PreAuthorize("hasRole('ADMIN')")
+    @PostMapping("/all")
+    public Page<MetaQuestion> all(@RequestBody PageQuery pageQuery) {
+        return metaQuestionService.all(pageQuery);
+    }
+
+    @GetMapping("/get/{id}")
+    public MetaQuestion get(@PathVariable Long id) {
+        return metaQuestionRepo.findById(id).orElseThrow(new BusinessException("无记录"));
+    }
+
+    @PostMapping("/del/{id}")
+    public void del(@PathVariable Long id) {
+        metaQuestionRepo.softDelete(id);
+    }
+
+    @GetMapping("/excel")
+    @ResponseBody
+    public void excel(HttpServletResponse response, PageQuery pageQuery) throws IOException {
+        List<MetaQuestion> data = all(pageQuery).getContent();
+        ExcelUtils.export(response, data);
+    }
+
+    @GetMapping("/purpose/{purpose}/{num}")
+    public MetaRestResult<List<MetaQuestion>> purpose(@PathVariable Long purpose, @PathVariable int num){
+        List<MetaQuestion> metaQuestions = metaQuestionRepo.findAllByPurpose(purpose);
+        Collections.shuffle(metaQuestions);
+        List<MetaQuestion> ometaQuestions = metaQuestions.subList(0,num);
+            return MetaRestResult.returnSuccess(ometaQuestions);
+    }
+}
+

src/main/vue/src/router.js

@@ -1516,7 +1516,39 @@ const router = new Router({
                     meta: {
                        title: '信息',
                     },
-               }
+               },
+               {
+                    path: '/metaQuestionEdit',
+                    name: 'MetaQuestionEdit',
+                    component: () => import(/* webpackChunkName: "metaQuestionEdit" */ '@/views/MetaQuestionEdit.vue'),
+                    meta: {
+                        title: '元宇宙题库编辑',
+                    },
+                },
+                {
+                    path: '/metaQuestionList',
+                    name: 'MetaQuestionList',
+                    component: () => import(/* webpackChunkName: "metaQuestionList" */ '@/views/MetaQuestionList.vue'),
+                    meta: {
+                        title: '元宇宙题库',
+                    },
+                },
+                {
+                    path: '/metaEmailEdit',
+                    name: 'MetaEmailEdit',
+                    component: () => import(/* webpackChunkName: "metaEmailEdit" */ '@/views/MetaEmailEdit.vue'),
+                    meta: {
+                        title: '元宇宙邮件配置编辑',
+                    },
+                },
+                {
+                    path: '/metaEmailList',
+                    name: 'MetaEmailList',
+                    component: () => import(/* webpackChunkName: "metaEmailList" */ '@/views/MetaEmailList.vue'),
+                    meta: {
+                        title: '元宇宙邮件配置',
+                    },
+                }
                 /**INSERT_LOCATION**/
             ]
         },

src/main/vue/src/views/MetaEmailEdit.vue

@@ -0,0 +1,133 @@
+<template>
+    <div class="edit-view">
+        <page-title>
+            <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+            <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+                删除
+            </el-button>
+            <el-button @click="onSave" :loading="saving" type="primary">保存</el-button>
+        </page-title>
+        <div class="edit-view__content-wrapper">
+            <div class="edit-view__content-section">
+                <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right"
+                         size="small"
+                         style="max-width: 500px;">
+                        <el-form-item prop="title" label="邮件标题">
+                                    <el-input v-model="formData.title"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="auther" label="邮件作者">
+                                    <el-input v-model="formData.auther"></el-input>
+                        </el-form-item>
+                        <el-form-item prop="description" label="邮件内容" style="width: calc(100vw - 450px)">
+                        <el-input
+                            v-model="formData.description"
+                            type="textarea"
+                            :autosize="{ minRows: 3, maxRows: 20 }"
+                            placeholder="请输入邮件内容"
+                        >
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item class="form-submit">
+                        <el-button @click="onSave" :loading="saving" type="primary">
+                            保存
+                        </el-button>
+                        <el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+                            删除
+                        </el-button>
+                        <el-button @click="$router.go(-1)" :disabled="saving">取消</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    export default {
+        name: 'MetaEmailEdit',
+        created() {
+            if (this.$route.query.id) {
+                this.$http
+                    .get('metaEmail/get/' + this.$route.query.id)
+                    .then(res => {
+                        this.formData = res;
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.$message.error(e.error);
+                    });
+            }
+        },
+        data() {
+            return {
+                saving: false,
+                formData: {
+                },
+                rules: {
+                    title: [
+                    {
+                        required: true,
+                        message: '请输入邮件标题',
+                        trigger: 'blur'
+                    }
+                ],
+                    auther: [
+                    {
+                        required: true,
+                        message: '请输入邮件作者',
+                        trigger: 'blur'
+                    }
+                ],
+                    description: [
+                    {
+                        required: true,
+                        message: '请输入邮件内容',
+                        trigger: 'blur'
+                    }
+                ]
+                },
+            }
+        },
+        methods: {
+            onSave() {
+                this.$refs.form.validate((valid) => {
+                    if (valid) {
+                        this.submit();
+                    } else {
+                        return false;
+                    }
+                });
+            },
+            submit() {
+                let data = {...this.formData};
+
+                this.saving = true;
+                this.$http
+                    .post('/metaEmail/save', data, {body: 'json'})
+                    .then(res => {
+                        this.saving = false;
+                        this.$message.success('成功');
+                        this.$router.go(-1);
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.saving = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            onDelete() {
+                this.$confirm('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/metaEmail/del/${this.formData.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.$router.go(-1);
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        console.log(e);
+                        this.$message.error((e || {}).error || '删除失败');
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped></style>

src/main/vue/src/views/MetaEmailList.vue

@@ -0,0 +1,169 @@
+<template>
+    <div  class="list-view">
+        <page-title>
+            <el-button @click="addRow" type="primary" icon="el-icon-plus" :disabled="fetchingData || downloading" class="filter-item">
+                新增
+            </el-button>
+            <el-button @click="download" icon="el-icon-upload2" :loading="downloading" :disabled="fetchingData" class="filter-item">
+                导出
+            </el-button>
+        </page-title>
+        <div class="filters-container">
+            <el-input
+                    placeholder="搜索..."
+                    v-model="search"
+                    clearable
+                    class="filter-item search"
+                    @keyup.enter.native="getData"
+            >
+                <el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
+            </el-input>
+        </div>
+        <el-table :data="tableData" row-key="id" ref="table"
+                  header-row-class-name="table-header-row"
+                  header-cell-class-name="table-header-cell"
+                  row-class-name="table-row" cell-class-name="table-cell"
+                  :height="tableHeight" v-loading="fetchingData">
+            <el-table-column v-if="multipleMode" align="center" type="selection"
+                             width="50">
+            </el-table-column>
+            <el-table-column prop="id" label="ID" width="100">
+            </el-table-column>
+                                <el-table-column prop="title" label="邮件标题"
+>
+                    </el-table-column>
+                    <el-table-column prop="auther" label="邮件作者"
+>
+                    </el-table-column>
+                    <el-table-column prop="description" label="邮件内容"
+>
+                    </el-table-column>
+            <el-table-column
+                    label="操作"
+                    align="center"
+                    fixed="right"
+                    width="150">
+                <template slot-scope="{row}">
+                    <el-button @click="editRow(row)" type="primary" size="mini" plain>编辑</el-button>
+                    <el-button @click="deleteRow(row)" type="danger" size="mini" plain>删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <div class="pagination-wrapper">
+            <!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)">批量编辑</el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1">批量操作1</el-button>
+                    <el-button @click="operation2">批量操作2</el-button>
+                    <el-button @click="toggleMultipleMode(false)">取消</el-button>
+                </el-button-group>
+            </div> -->
+            <el-pagination background @size-change="onSizeChange"
+                           @current-change="onCurrentChange" :current-page="page"
+                           :page-sizes="[10, 20, 30, 40, 50]" :page-size="pageSize"
+                           layout="total, sizes, prev, pager, next, jumper"
+                           :total="totalElements">
+            </el-pagination>
+        </div>
+
+    </div>
+</template>
+<script>
+    import { mapState } from "vuex";
+    import pageableTable from "@/mixins/pageableTable";
+
+    export default {
+        name: 'MetaEmailList',
+        mixins: [pageableTable],
+        data() {
+            return {
+                multipleMode: false,
+                search: "",
+                url: "/metaEmail/all",
+                downloading: false,
+            }
+        },
+        computed: {
+            selection() {
+                return this.$refs.table.selection.map(i => i.id);
+            }
+        },
+        methods: {
+            beforeGetData() {
+                return { search: this.search, query: { del: false } };
+            },
+            toggleMultipleMode(multipleMode) {
+                this.multipleMode = multipleMode;
+                if (!multipleMode) {
+                    this.$refs.table.clearSelection();
+                }
+            },
+            addRow() {
+                this.$router.push({
+                    path: "/metaEmailEdit",
+                    query: {
+                        ...this.$route.query
+                    }
+                });
+            },
+            editRow(row) {
+                this.$router.push({
+                    path: "/metaEmailEdit",
+                    query: {
+                    id: row.id
+                    }
+                });
+            },
+            download() {
+                this.downloading = true;
+                this.$axios
+                    .get("/metaEmail/excel", { 
+                        responseType: "blob",
+                        params: { size: 10000 }
+                    })
+                    .then(res => {
+                        console.log(res);
+                        this.downloading = false;
+                        const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+                        const link = document.createElement("a");
+                        link.href = downloadUrl;
+                        link.setAttribute(
+                            "download",
+                            res.headers["content-disposition"].split("filename=")[1]
+                        );
+                        document.body.appendChild(link);
+                        link.click();
+                        link.remove();
+                    })
+                    .catch(e => {
+                        console.log(e);
+                        this.downloading = false;
+                        this.$message.error(e.error);
+                    });
+            },
+            operation1() {
+                this.$notify({
+                    title: '提示',
+                    message: this.selection
+                });
+            },
+            operation2() {
+                this.$message('操作2');
+            },
+            deleteRow(row) {
+                this.$alert('删除将无法恢复，确认要删除么？', '警告', {type: 'error'}).then(() => {
+                    return this.$http.post(`/metaEmail/del/${row.id}`)
+                }).then(() => {
+                    this.$message.success('删除成功');
+                    this.getData();
+                }).catch(e => {
+                    if (e !== 'cancel') {
+                        this.$message.error(e.error);
+                    }
+                })
+            },
+        }
+    }
+</script>
+<style lang="less" scoped>
+</style>

src/main/vue/src/views/MetaQuestionEdit.vue

@@ -0,0 +1,209 @@
+<template>
+	<div class="edit-view">
+		<page-title>
+			<el-button @click="$router.go(-1)" :disabled="saving"> 取消 </el-button>
+			<el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id"> 删除 </el-button>
+			<el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
+		</page-title>
+		<div class="edit-view__content-wrapper">
+			<div class="edit-view__content-section">
+				<el-form
+					:model="formData"
+					:rules="rules"
+					ref="form"
+					label-width="80px"
+					label-position="right"
+					size="small"
+					style="max-width: 500px"
+				>
+                <el-form-item prop="title" label="题目标题" style="width: calc(100vw - 450px)">
+                        <el-input
+                            v-model="formData.title"
+                            type="textarea"
+                            :autosize="{ minRows: 3, maxRows: 20 }"
+                            placeholder="请输入题目标题"
+                        >
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item prop="description" label="题目描述" style="width: calc(100vw - 450px)">
+                        <el-input
+                            v-model="formData.description"
+                            type="textarea"
+                            :autosize="{ minRows: 3, maxRows: 20 }"
+                            placeholder="请输入题目描述"
+                        >
+                        </el-input>
+                    </el-form-item>
+					<el-form-item prop="optionA" label="选项A">
+						<el-input v-model="formData.optionA"> </el-input>
+					</el-form-item>
+					<el-form-item prop="optionB" label="选项B">
+						<el-input v-model="formData.optionB"> </el-input>
+					</el-form-item>
+					<el-form-item prop="optionC" label="选项C">
+						<el-input v-model="formData.optionC"> </el-input>
+					</el-form-item>
+					<el-form-item prop="optionD" label="选项D">
+						<el-input v-model="formData.optionD"> </el-input>
+					</el-form-item>
+					<el-form-item prop="correct" label="正确选项">
+						<el-select v-model="formData.correct" clearable filterable placeholder="请选择">
+							<el-option
+								v-for="item in correctOptions"
+								:key="item.value"
+								:label="item.label"
+								:value="item.value"
+							>
+							</el-option>
+						</el-select>
+					</el-form-item>
+                    <el-form-item prop="purpose" label="用途">
+                        <el-input-number type="purpose" v-model="formData.purpose"> </el-input-number>
+                    </el-form-item>
+					<el-form-item class="form-submit">
+						<el-button @click="onSave" :loading="saving" type="primary"> 保存 </el-button>
+						<el-button @click="onDelete" :disabled="saving" type="danger" v-if="formData.id">
+							删除
+						</el-button>
+						<el-button @click="$router.go(-1)" :disabled="saving"> 取消 </el-button>
+					</el-form-item>
+				</el-form>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'MetaQuestionEdit',
+	created() {
+		if (this.$route.query.id) {
+			this.$http
+				.get('metaQuestion/get/' + this.$route.query.id)
+				.then(res => {
+					this.formData = res;
+				})
+				.catch(e => {
+					console.log(e);
+					this.$message.error(e.error);
+				});
+		}
+	},
+	data() {
+		return {
+			saving: false,
+			formData: {},
+			rules: {
+                title: [
+                    {
+                        required: true,
+                        message: '请输入题目标题',
+                        trigger: 'blur'
+                    }
+                ],
+                description: [
+                    {
+                        required: true,
+                        message: '请输入题目描述',
+                        trigger: 'blur'
+                    }
+                ],
+                optionA: [
+                    {
+                        required: true,
+                        message: '请输入选项A',
+                        trigger: 'blur'
+                    }
+                ],
+                optionB: [
+                    {
+                        required: true,
+                        message: '请输入选项B',
+                        trigger: 'blur'
+                    }
+                ],
+                optionC: [
+                    {
+                        required: true,
+                        message: '请输入选项C',
+                        trigger: 'blur'
+                    }
+                ],
+                optionD: [
+                    {
+                        required: true,
+                        message: '请输入选项D',
+                        trigger: 'blur'
+                    }
+                ],
+                correct: [
+                    {
+                        required: true,
+                        message: '请输入正确选项',
+                        trigger: 'blur'
+                    }
+                ],
+                purpose: [
+                    {
+                        required: true,
+                        message: '请输入用途',
+                        trigger: 'blur'
+                    }
+                ]
+            },
+			correctOptions: [
+				{ label: 'A', value: 0 },
+				{ label: 'B', value: 1 },
+				{ label: 'C', value: 2 },
+				{ label: 'D', value: 3 }
+			]
+		};
+	},
+	methods: {
+		onSave() {
+			this.$refs.form.validate(valid => {
+				if (valid) {
+					this.submit();
+				} else {
+					return false;
+				}
+			});
+		},
+		submit() {
+			let data = { ...this.formData };
+
+			this.saving = true;
+			this.$http
+				.post('/metaQuestion/save', data, { body: 'json' })
+				.then(res => {
+					this.saving = false;
+					this.$message.success('成功');
+					this.$router.go(-1);
+				})
+				.catch(e => {
+					console.log(e);
+					this.saving = false;
+					this.$message.error(e.error);
+				});
+		},
+		onDelete() {
+			this.$confirm('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
+				.then(() => {
+					return this.$http.post(`/metaQuestion/del/${this.formData.id}`);
+				})
+				.then(() => {
+					this.$message.success('删除成功');
+					this.$router.go(-1);
+				})
+				.catch(e => {
+					if (e !== 'cancel') {
+						console.log(e);
+						this.$message.error((e || {}).error || '删除失败');
+					}
+				});
+		}
+	}
+};
+</script>
+<style lang="less" scoped>
+
+</style>

src/main/vue/src/views/MetaQuestionList.vue

@@ -0,0 +1,196 @@
+<template>
+	<div class="list-view">
+		<page-title>
+			<el-button
+				@click="addRow"
+				type="primary"
+				icon="el-icon-plus"
+				:disabled="fetchingData || downloading"
+				class="filter-item"
+			>
+				新增
+			</el-button>
+			<el-button
+				@click="download"
+				icon="el-icon-upload2"
+				:loading="downloading"
+				:disabled="fetchingData"
+				class="filter-item"
+			>
+				导出
+			</el-button>
+		</page-title>
+		<div class="filters-container">
+			<el-input
+				placeholder="搜索..."
+				v-model="search"
+				clearable
+				class="filter-item search"
+				@keyup.enter.native="getData"
+			>
+				<el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
+			</el-input>
+		</div>
+		<el-table
+			:data="tableData"
+			row-key="id"
+			ref="table"
+			header-row-class-name="table-header-row"
+			header-cell-class-name="table-header-cell"
+			row-class-name="table-row"
+			cell-class-name="table-cell"
+			:height="tableHeight"
+			v-loading="fetchingData"
+		>
+			<el-table-column v-if="multipleMode" align="center" type="selection" width="50"> </el-table-column>
+			<el-table-column prop="id" label="ID" width="100"> </el-table-column>
+			<el-table-column prop="title" label="题目标签"> </el-table-column>
+			<el-table-column prop="description" label="题目描述"> </el-table-column>
+			<el-table-column prop="optionA" label="选项A"> </el-table-column>
+			<el-table-column prop="optionB" label="选项B"> </el-table-column>
+			<el-table-column prop="optionC" label="选项C"> </el-table-column>
+			<el-table-column prop="optionD" label="选项D"> </el-table-column>
+			<el-table-column prop="correct" label="正确选项" :formatter="correctFormatter"> </el-table-column>
+			<el-table-column label="操作" align="center" fixed="right" width="150">
+				<template slot-scope="{ row }">
+					<el-button @click="editRow(row)" type="primary" size="mini" plain> 编辑 </el-button>
+					<el-button @click="deleteRow(row)" type="danger" size="mini" plain> 删除 </el-button>
+				</template>
+			</el-table-column>
+		</el-table>
+		<div class="pagination-wrapper">
+			<!-- <div class="multiple-mode-wrapper">
+                <el-button v-if="!multipleMode" @click="toggleMultipleMode(true)"> 批量编辑 </el-button>
+                <el-button-group v-else>
+                    <el-button @click="operation1"> 批量操作1 </el-button>
+                    <el-button @click="operation2"> 批量操作2 </el-button>
+                    <el-button @click="toggleMultipleMode(false)"> 取消 </el-button>
+                </el-button-group>
+            </div> -->
+			<el-pagination
+				background
+				@size-change="onSizeChange"
+				@current-change="onCurrentChange"
+				:current-page="page"
+				:page-sizes="[10, 20, 30, 40, 50]"
+				:page-size="pageSize"
+				layout="total, sizes, prev, pager, next, jumper"
+				:total="totalElements"
+			>
+			</el-pagination>
+		</div>
+	</div>
+</template>
+<script>
+import { mapState } from 'vuex';
+import pageableTable from '@/mixins/pageableTable';
+
+export default {
+	name: 'MetaQuestionList',
+	mixins: [pageableTable],
+	data() {
+		return {
+			multipleMode: false,
+			search: '',
+			url: '/metaQuestion/all',
+			downloading: false,
+            correctOptions: [
+                { label: 'A', value: 0 },
+                { label: 'B', value: 1 },
+                { label: 'C', value: 2 },
+                { label: 'D', value: 3 }
+            ]
+		};
+	},
+	computed: {
+		selection() {
+			return this.$refs.table.selection.map(i => i.id);
+		}
+	},
+	methods: {
+        correctFormatter(row, column, cellValue, index) {
+			let selectedOption = this.correctOptions.find(i => i.value === cellValue);
+			if (selectedOption) {
+				return selectedOption.label;
+			}
+			return '';
+		},
+		beforeGetData() {
+			return { search: this.search, query: { del: false } };
+		},
+		toggleMultipleMode(multipleMode) {
+			this.multipleMode = multipleMode;
+			if (!multipleMode) {
+				this.$refs.table.clearSelection();
+			}
+		},
+		addRow() {
+			this.$router.push({
+				path: '/metaQuestionEdit',
+				query: {
+					...this.$route.query
+				}
+			});
+		},
+		editRow(row) {
+			this.$router.push({
+				path: '/metaQuestionEdit',
+				query: {
+					id: row.id
+				}
+			});
+		},
+		download() {
+			this.downloading = true;
+			this.$axios
+				.get('/metaQuestion/excel', {
+					responseType: 'blob',
+					params: { size: 10000 }
+				})
+				.then(res => {
+					console.log(res);
+					this.downloading = false;
+					const downloadUrl = window.URL.createObjectURL(new Blob([res.data]));
+					const link = document.createElement('a');
+					link.href = downloadUrl;
+					link.setAttribute('download', res.headers['content-disposition'].split('filename=')[1]);
+					document.body.appendChild(link);
+					link.click();
+					link.remove();
+				})
+				.catch(e => {
+					console.log(e);
+					this.downloading = false;
+					this.$message.error(e.error);
+				});
+		},
+		operation1() {
+			this.$notify({
+				title: '提示',
+				message: this.selection
+			});
+		},
+		operation2() {
+			this.$message('操作2');
+		},
+		deleteRow(row) {
+			this.$alert('删除将无法恢复，确认要删除么？', '警告', { type: 'error' })
+				.then(() => {
+					return this.$http.post(`/metaQuestion/del/${row.id}`);
+				})
+				.then(() => {
+					this.$message.success('删除成功');
+					this.getData();
+				})
+				.catch(e => {
+					if (e !== 'cancel') {
+						this.$message.error(e.error);
+					}
+				});
+		}
+	}
+};
+</script>
+<style lang="less" scoped>
+
+</style>