代码暂停维护 我这边尽快更新要大改

src/App.vue

@@ -12,8 +12,7 @@ export default {
 <style>
 .body_edit {
   padding: 20px;
-  width: 1500px;
-  margin: auto;
+  font-size: 14px
 }
 .box-card {
   margin-bottom: 20px;
@@ -21,4 +20,4 @@ export default {
 .body {
   padding: 20px;
 }
-</style>
+</style>

src/api/question.js

@@ -1,46 +1,46 @@
 import request from '@/utils/request'
 
 /**
-* 保存应用
-* @param {*} data 
-* @returns 
+* 保存游戏题库
+* @param {*} data
+* @returns
 */
-export const saveApp = (data) => request({
-  url: '/admin/App',
+export const saveQuestion = (data) => request({
+  url: '/admin/question',
   method: 'post',
   data
 })
 
 /**
- * 应用列表
- * @param {*} params 
- * @returns 
+ * 游戏题库列表
+ * @param {*} params
+ * @returns
  */
-export const getAppList = (params) => request({
-  url: '/admin/App', params
+export const getQuestionList = (params) => request({
+  url: '/admin/question', params
 })
 
 /**
- * 删除应用
- * @param {*} data 
- * @returns 
+ * 删除游戏题库
+ * @param {*} data
+ * @returns
  */
-export const deleteApp = (id) => request({
-  url: `/admin/App/${id}`, method: 'delete'
+export const deleteQuestion = (id) => request({
+  url: `/admin/question/${id}`, method: 'delete'
 })
 /**
- * 更新应用
- * @param {*} data 
- * @returns 
+ * 更新游戏题库
+ * @param {*} data
+ * @returns
  */
-export const UpdateApp = (data, id) => request({
-  url: `/admin/App/${id}`, method: 'put', data
+export const UpdateQuestion = (data, id) => request({
+  url: `/admin/question/${id}`, method: 'put', data
 })
 /**
- * 查询应用详情
- * @param {*} params 
- * @returns 
+ * 查询游戏题库详情
+ * @param {*} params
+ * @returns
  */
-export const getAppDetail = (id) => request({
-  url: `/admin/App/${id}`
-})
+export const getQuestionDetail = (id) => request({
+  url: `/admin/question/${id}`
+})

src/components/AddAnswer/index.vue

@@ -14,8 +14,7 @@
             :key="item.value"
             :label="item.label"
             :value="item.value"
-          >
-          </el-option>
+          />
         </el-select>
       </el-col>
       <el-col :span="17">
@@ -29,53 +28,53 @@
 </template>
 <script>
 export default {
-  name: "answer",
+  name: 'Answer',
   props: {
     value: {
       type: Object,
-      default: () => ({}),
-    },
+      default: () => ({})
+    }
   },
   data() {
     return {
       options: [
         {
-          value: "A",
-          label: "A",
+          value: 'A',
+          label: 'A'
         },
         {
-          value: "B",
-          label: "B",
+          value: 'B',
+          label: 'B'
         },
         {
-          value: "C",
-          label: "C",
+          value: 'C',
+          label: 'C'
         },
         {
-          value: "D",
-          label: "D",
+          value: 'D',
+          label: 'D'
         },
         {
-          value: "对",
-          label: "对",
+          value: '对',
+          label: '对'
         },
         {
-          value: "错",
-          label: "错",
-        },
-      ],
-    };
+          value: '错',
+          label: '错'
+        }
+      ]
+    }
   },
   methods: {
     handleDelete() {
-      this.$emit("handleDelete", this.value);
-    },
-  },
-};
+      this.$emit('handleDelete', this.value)
+    }
+  }
+}
 </script>
 <style>
 .answer {
   margin: 10px 0;
   width: 500px;
 }
-</style>
+</style>

src/components/AddAnswerMatching/index.vue

@@ -0,0 +1,111 @@
+<template>
+  <div class="answer">
+    <el-row :gutter="20">
+      <el-col :span="5">
+        <el-select
+          v-model="value.option"
+          filterable
+          allow-create
+          default-first-option
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+      </el-col>
+      <el-col :span="17">
+        <el-input v-model="value.content" />
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col :span="20">
+        <el-select
+          v-model="nowlist"
+          filterable
+          multiple
+          default-first-option
+          placeholder="请选择特征词"
+        >
+          <el-option
+            v-for="item in wordList"
+            :key="item.wordId"
+            :label="item.wordId"
+            :value="item.word"
+          />
+        </el-select>
+      </el-col>
+      <el-col :span="1">
+        <el-button type="danger" @click="handleDelete">X</el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Answer',
+  props: {
+    libId: String,
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    wordList: Array
+  },
+  data() {
+    return {
+      options: [
+        {
+          value: 'A',
+          label: 'A'
+        },
+        {
+          value: 'B',
+          label: 'B'
+        },
+        {
+          value: 'C',
+          label: 'C'
+        },
+        {
+          value: 'D',
+          label: 'D'
+        },
+        {
+          value: '对',
+          label: '对'
+        },
+        {
+          value: '错',
+          label: '错'
+        }
+      ],
+      nowlist: []
+    }
+  },
+  watch: {
+    value() {
+      this.value.characterWordList.map(item => {
+        this.nowlist.push(item.wordId)
+      })
+    },
+    nowlist() {
+      this.$emit('handleWordListChange', this.value, this.nowlist)
+    }
+  },
+  methods: {
+    handleDelete() {
+      this.$emit('handleDelete', this.value)
+    }
+  }
+}
+</script>
+<style>
+.answer {
+  margin: 10px 0;
+  width: 500px;
+}
+</style>

src/components/CharacterResult/edit.vue

@@ -115,6 +115,7 @@ export default {
             this.$message('添加实例成功')
             // 告诉父页面实例表需要刷新并且关闭当前组件
             this.$emit('handleRefresh', true)
+            this.$emit('handleEdit', res.data.resultId)
           })
         }
       } else {

src/components/Question/edit.vue

@@ -0,0 +1,177 @@
+<template>
+  <div style="padding: 20px">
+    <h2 style="text-align: center">
+      游戏题目{{ questionId ? "编辑" : "添加" }}
+    </h2>
+    <el-form ref="form" :model="form" label-width="150px" size="mini">
+      <el-form-item label="题目：">
+        <el-input
+          v-model="form.title"
+          placeholder="请输入实例名（必填）"
+          type="textarea"
+        />
+      </el-form-item>
+      <el-form-item label="题目类型：">
+        <el-select v-model="form.optType" placeholder="请选择">
+          <el-option label="单选题" value="1" />
+          <el-option label="多选题" value="2" />
+          <el-option label="判断题" value="3" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="答案：">
+        <el-button type="primary" @click="onAddAnswer">添加答案</el-button>
+
+        <div v-for="(answer, index) in form.answerList" :key="index">
+          <AddAnswerMatching
+            :libId="libId"
+            :value="answer"
+            :wordList="wordList"
+            @change="handleChange"
+            @handleDelete="() => handleDelete(answer)"
+            @handleWordListChange="handleWordListChange"
+          />
+        </div>
+      </el-form-item>
+      <el-form-item label="正确选项：">
+        <!-- <el-input v-model="form.option"></el-input> -->
+        <!-- filterable可搜索 multiple可多选 default-first-option回车可选-->
+        <el-select
+          v-model="rightList"
+          multiple
+          filterable
+          default-first-option
+          placeholder="请选择"
+        >
+          <el-option
+            v-for="item in form.answerList"
+            :key="item.option"
+            :label="item.option"
+            :value="item.option"
+          />
+        </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>
+  </div>
+</template>
+<script>
+
+import { saveQuestion, updateQuestion, getQuestionDetail } from '@/api/question'
+import AddAnswerMatching from '@/components/AddAnswerMatching/index.vue'
+import { getCharacterLibDetail } from '@/api/characterLib'
+
+export default {
+  components: {
+    AddAnswerMatching
+  },
+  props: {
+    gameId: String,
+    libId: String,
+    questionId: String
+  },
+  data() {
+    return {
+      form: {
+        title: undefined,
+        optType: undefined,
+        rightAnswer: undefined,
+        gameId: undefined,
+        questionId: undefined,
+        // 答案列表（包括选项 内容 特征词列表）
+        answerList: []
+      },
+      // 正确答案数组
+      rightList: [],
+      // 修饰词数据源
+      wordList: []
+    }
+  },
+  watch: {
+    // 用于点击左边改变右边的页面
+    questionId: function() {
+      if (this.questionId) {
+        this.rightList = []
+        getQuestionDetail(this.questionId).then((res) => {
+          this.form = res.data
+          const list = res.data.answerList
+          list.map((item) => {
+            this.rightList.push(item.wordId)
+          })
+        })
+      } else {
+        this.form = {
+          title: undefined,
+          optType: undefined,
+          gameId: undefined,
+          rightAnswer: undefined,
+          questionId: undefined,
+          answerList: []
+        }
+        this.rightList = []
+      }
+    },
+    gameId() {
+      this.form.gameId = this.gameId
+    }
+  },
+  methods: {
+    onAddAnswer() {
+      this.form.answerList.push({
+        answerId: undefined,
+        questionId: undefined,
+        contentType: undefined,
+        option: undefined,
+        content: undefined,
+        characterWordList: [],
+        word: undefined,
+        wordId: undefined
+      })
+    },
+    onSubmit() {
+      if (this.form.name) {
+        if (this.questionId) {
+          updateQuestion(this.form, this.questionId).then((res) => {
+            this.$message('修改问题成功')
+            // 告诉父页面实例表需要刷新并且关闭当前组件
+            this.$emit('handleRefresh', true)
+          })
+        } else {
+          saveQuestion(this.form).then((res) => {
+            this.$message('添加问题成功')
+            // 告诉父页面实例表需要刷新并且关闭当前组件
+            this.$emit('handleRefresh', true)
+          })
+        }
+      } else {
+        this.$message('请输入问题名称')
+      }
+    },
+    handleChange(answer) {
+      const index = this.form.answerList.indexOf(answer)
+      this.$set(this.form.answerList, index, answer)
+    },
+
+    handleWordListChange(val, list) {
+      getCharacterLibDetail(this.libId).then((res) => {
+        this.wordList = res.data.wordList
+      })
+      const index = this.form.answerList.indexOf(val)
+      val.characterWordList = this.wordList.filter((item) =>
+        list.some((v) => v === item.wordId)
+      )
+      val.characterWordList.map(item => {
+        item = { ...item, libId: this.libId }
+      })
+      this.$set(this.form.answerList, index, val)
+    },
+    handleDelete(answer) {
+      this.form.answerList.splice(this.form.answerList.indexOf(answer), 1)
+    }
+  }
+}
+</script>
+<style>
+</style>

src/components/Question/index.vue

@@ -22,11 +22,11 @@
 
         <el-button type="primary" size="mini" @click="onSearch">查询</el-button>
         <el-button size="mini" @click="onReset">重置</el-button>
-        <el-button type="primary" size="mini" @click="handleAddRusult">添加问题</el-button>
+        <el-button type="primary" size="mini" @click="handleAdd">添加问题</el-button>
       </el-card>
     </div>
     <el-table stripe :data="tableData" border style="width: 100%">
-      <el-table-column prop="name" label="问题名称" />
+      <el-table-column prop="title" label="问题名称" />
       <el-table-column prop="createDate" label="创建时间">
         <template slot-scope="scope">{{
           scope.row.createDate.substr(0, 10)
@@ -49,15 +49,11 @@
   </div>
 </template>
 <script>
-import {
-  getCharacterResultList,
-  deleteCharacterResult
-} from '@/api/characterLib'
+import { getQuestionList, deleteQuestion } from '@/api/question'
 
 export default {
   props: {
-    gameId: String,
-    libId: String
+    gameId: String
   },
   data() {
     return {
@@ -69,37 +65,32 @@ export default {
       startDate: undefined
     }
   },
-  watch: {
-    gameId: function() {
-      this.onSearch()
-    }
-  },
   methods: {
-    // 添加实例
-    handleAddRusult() {
-      this.$emit('handleAddRusult', true)
+    // 添加问题
+    handleAdd() {
+      this.$emit('handleAdd', true)
     },
     handleEdit(row) {
-      // 向外传送数据row.resultId
-      this.$emit('handleEdit', row.resultId)
+      // 向外传送数据row.questionId
+      this.$emit('handleEdit', row.questionId)
     },
     handleDelete(row) {
-      deleteCharacterResult(row.resultId).then(() => {
-        this.$message('删除实例成功')
+      deleteQuestion(row.questionId).then(() => {
+        this.$message('删除问题成功')
         this.onSearch()
-        // 关闭编辑实例页面防止编辑页面还没关闭就删除当前实例了
+        // 关闭编辑问题页面防止编辑页面还没关闭就删除当前问题了
         this.$emit('handleClose', true)
       })
     },
     onSearch() {
-      getCharacterResultList({ libId: this.libId, name: this.name, startDate: this.startDate, endDate: this.endDate }).then(
+      getQuestionList({ gameId: this.gameId, title: this.title, startDate: this.startDate, endDate: this.endDate }).then(
         (res) => {
           this.tableData = res.data.records
         }
       )
     },
     onReset() {
-      this.name = ''
+      this.title = ''
       this.daterange = ''
       this.startDate = ''
       this.endDate = ''

src/views/characterLibManage/edit.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="padding: 20px; font-size: 14px">
+  <div class="body_edit">
     <el-tabs v-model="activeName">
       <el-tab-pane label="特征库" name="characterLib">
         <el-row :gutter="20">
@@ -40,7 +40,7 @@
           <el-col :span="13">
             <CharacterResult
               ref="CharacterResult"
-              :lib-id="characterLib.libId"
+              :libId="characterLib.libId"
               @handleEdit="handleEdit"
               @handleClose="handleClose"
               @handleAddRusult="resultId = undefined"
@@ -50,7 +50,7 @@
             <CharacterResultEdit
               :result-id="resultId"
               :lib-id="characterLib.libId"
-              :word-list="characterLib.wordList"
+              :wordList="characterLib.wordList"
               @handleRefresh="handleRefresh"
             />
           </el-col>
@@ -191,20 +191,15 @@ export default {
     },
 
     // 实例列表的方法
-    // 添加实例
-    handleAddRusult() {
-      this.resultId = undefined
-    },
     handleEdit(val) {
       this.resultId = val
     },
-
+    handleClose() {
+      this.resultId = undefined
+    },
     // 实例编辑页面调用实例列表的刷新方法 兄弟组件调用方法
     handleRefresh() {
       this.$refs.CharacterResult.onSearch()
-    },
-    handleClose() {
-      this.resultId = undefined
     }
   }
 }

src/views/gameManage/edit.vue

@@ -3,7 +3,7 @@
     <el-tabs v-model="activeName">
       <el-tab-pane label="游戏详情" name="game">
         <h2 style="text-align: center">游戏{{ gameId ? "编辑" : "新增" }}</h2>
-        <el-form ref="form" :model="gameForm" label-width="150px" size="mini">
+        <el-form ref="form" class="gameForm" :model="gameForm" label-width="150px" size="mini">
           <el-form-item label="游戏名称：">
             <el-input v-model="gameForm.title" />
           </el-form-item>
@@ -16,7 +16,6 @@
               filterable
               default-first-option
               placeholder="请选择"
-              style="width: 200px; margin-right: 20px"
               :disabled="gameId ? true : false"
             >
               <el-option
@@ -39,7 +38,20 @@
         name="question"
         :disabled="gameId ? false : true"
       >
-        问题列表
+        <el-row :gutter="20" style="padding-top: 20px">
+          <el-col :span="13">
+            <QuestionList
+              ref="questionList"
+              :gameId="gameId"
+              @handleEdit="handleEdit"
+              @handleClose="handleClose"
+              @handleAdd="questionId = undefined"
+            />
+          </el-col>
+          <el-col :span="11">
+            <QuestionDetail :gameId="gameId" :libId="gameForm.libId" :questionId="questionId" @handleRefresh="handleRefresh" />
+          </el-col>
+        </el-row>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -48,9 +60,13 @@
 import { saveGame, UpdateGame, getGameDetail } from '@/api/game'
 import { getCharacterLibList } from '@/api/characterLib'
 import UploadImage from '@/components/UploadImage/index.vue'
+import QuestionList from '@/components/Question/index.vue'
+import QuestionDetail from '@/components/Question/edit.vue'
 export default {
   components: {
-    UploadImage
+    UploadImage,
+    QuestionList,
+    QuestionDetail
   },
   data() {
     return {
@@ -61,7 +77,8 @@ export default {
       },
       libList: [],
       gameId: undefined,
-      activeName: 'game'
+      activeName: 'game',
+      questionId: undefined
     }
   },
   watch: {
@@ -114,11 +131,24 @@ export default {
     },
     handleDeleteIcon() {
       this.gameForm.gameImage = ''
+    },
+    handleEdit(val) {
+      this.questionId = val
+    },
+    handleClose() {
+      this.questionId = undefined
+    },
+    handleRefresh() {
+      this.$refs.questionList.onSearch()
     }
   }
 }
 </script>
 <style>
+.gameForm{
+  width: 700px;
+  margin: auto;
+}
 .editBottomItem > div {
   margin: 0 !important;
   text-align: center;

src/views/gameManage/index.vue

@@ -45,7 +45,7 @@
           <el-image :src="scope.row.gameImage" style="width: 100px; height: 100px" />
         </template>
       </el-table-column>
-      <el-table-column prop="libName" label="特征库名称" />
+      <el-table-column prop="characterName" label="特征库名称" />
       <el-table-column prop="createDate" label="创建时间">
         <template slot-scope="scope">{{
           scope.row.createDate.substr(0, 10)

src/views/questionList/index.vue

@@ -17,8 +17,7 @@
           :key="item.key"
           :label="item.value"
           :value="item.key"
-        >
-        </el-option>
+        />
       </el-select>
       状态：
       <el-select
@@ -32,8 +31,7 @@
           :key="item.key"
           :label="item.value"
           :value="item.key"
-        >
-        </el-option>
+        />
       </el-select>
       <el-button type="primary" @click="onSearch">查询</el-button>
       <el-button @click="onReset">重置</el-button>
@@ -43,7 +41,7 @@
       <el-table-column prop="title" label="题目内容" />
       <el-table-column prop="optType" label="题目类型">
         <template slot-scope="scope">
-          {{scope.row.optType===1?'单选题':scope.row.optType===2?'多选题':'判断题'}}
+          {{ scope.row.optType===1?'单选题':scope.row.optType===2?'多选题':'判断题' }}
         </template>
       </el-table-column>
       <el-table-column prop="status" label="状态" />
@@ -62,76 +60,76 @@
 export default {
   data() {
     return {
-      title: "",
+      title: '',
       typeOptions: [
         {
           key: 1,
-          value: "单选题",
+          value: '单选题'
         },
         {
           key: 2,
-          value: "多选题",
+          value: '多选题'
         },
         {
           key: 3,
-          value: "判断题",
-        },
+          value: '判断题'
+        }
       ],
       statusOptions: [
         {
           key: 1,
-          value: "已发布",
+          value: '已发布'
         },
         {
           key: 0,
-          value: "未发布",
-        },
+          value: '未发布'
+        }
       ],
-      typeName: "",
-      status: "",
+      typeName: '',
+      status: '',
       tableData: [
         {
-          title: "李寻欢是那部小说里的人物",
+          title: '李寻欢是那部小说里的人物',
           optType: 2,
-          status: "未发布",
+          status: '未发布'
         },
         {
-          title: "圆周率小数点后第六位是",
+          title: '圆周率小数点后第六位是',
           optType: 1,
-          status: "未发布",
+          status: '未发布'
         },
         {
-          title: "我们现在吃的大米是杂交水稻吗",
+          title: '我们现在吃的大米是杂交水稻吗',
           optType: 3,
-          status: "未发布",
+          status: '未发布'
         },
         {
-          title: "西游记里孙悟空号称齐天大圣那牛魔王称号是什么",
+          title: '西游记里孙悟空号称齐天大圣那牛魔王称号是什么',
           optType: 1,
-          status: "未发布",
-        },
-      ],
-    };
+          status: '未发布'
+        }
+      ]
+    }
+  },
+  mounted() {
   },
   methods: {
     handleAdd() {
-      this.$router.push({ path: "questionList/edit" });
+      this.$router.push({ path: 'questionList/edit' })
     },
     handleEdit(row) {
-      this.$router.push({ path: "questionList/edit", query: { row: row } });
+      this.$router.push({ path: 'questionList/edit', query: { row: row }})
     },
     onSearch() {
-      console.log(this.title, this.typeName, this.status);
+      console.log(this.title, this.typeName, this.status)
     },
     onReset() {
-      this.title = "";
-      this.typeName = "";
-      this.status = "";
-    },
-  },
-  mounted(){
+      this.title = ''
+      this.typeName = ''
+      this.status = ''
+    }
   }
-};
+}
 </script>
 
 <style>