小程序优化

src/views/question/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container" style="text-align:center">
-    <el-form size="small" :inline="true" label-width="68px">
+    <el-form size="small" :inline="true" label-width="68px" @submit.native.prevent>
       <el-form-item label="题目">
         <el-input v-model="queryParams.question" placeholder="请输入题目" clearable style="width:400px" @keyup.enter.native="handleQuery" />
       </el-form-item>
@@ -15,13 +15,13 @@
       <el-table-column label="题目" align="center" prop="question" min-width="140" />
       <el-table-column label="选项" align="center" min-width="140">
         <template slot-scope="{row}">
-          <p v-if="row.chooseA">a:{{ row.chooseA }}</p>
-          <p v-if="row.chooseB">b:{{ row.chooseB }}</p>
-          <p v-if="row.chooseC">c:{{ row.chooseC }}</p>
-          <p v-if="row.chooseD">d:{{ row.chooseD }}</p>
-          <p v-if="row.chooseE">e:{{ row.chooseE }}</p>
-          <p v-if="row.chooseF">f:{{ row.chooseF }}</p>
-          <p v-if="row.chooseG">g:{{ row.chooseG }}</p>
+          <p v-if="row.chooseA">A:{{ row.chooseA }}</p>
+          <p v-if="row.chooseB">B:{{ row.chooseB }}</p>
+          <p v-if="row.chooseC">C:{{ row.chooseC }}</p>
+          <p v-if="row.chooseD">D:{{ row.chooseD }}</p>
+          <p v-if="row.chooseE">E:{{ row.chooseE }}</p>
+          <p v-if="row.chooseF">F:{{ row.chooseF }}</p>
+          <p v-if="row.chooseG">G:{{ row.chooseG }}</p>
         </template>
       </el-table-column>
       <el-table-column label="答案" align="center" prop="trueAnswer" min-width="100" />
@@ -31,7 +31,11 @@
           <p v-if="row.subject == 4">科四</p>
         </template>
       </el-table-column>
-
+      <el-table-column label="是否新规" align="center" min-width="100">
+        <template slot-scope="{row}">
+          {{ row.isNew ? '是' : '' }}
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-download" @click="handleEdit(scope.row)">编辑</el-button>
@@ -40,7 +44,7 @@
     </el-table>
 
     <!-- <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" /> -->
-    <QuestionForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @refreshDataList="getList" />
+    <QuestionForm v-if="dialogVisible" ref="dialogForm" :dialog-visible="dialogVisible" @update="getList" />
   </div>
 </template>
 
@@ -53,7 +57,7 @@ export default {
   components: {
     QuestionForm
   },
-  data () {
+  data() {
     return {
       // 遮罩层
       loading: false,
@@ -67,12 +71,12 @@ export default {
       dialogVisible: false
     };
   },
-  created () {
+  created() {
     // this.getList();
   },
   methods: {
     /** 查询文件列表 */
-    getList () {
+    getList() {
       this.loading = true;
       searchQuestion(this.queryParams).then(response => {
         this.tableList = response.data;
@@ -82,15 +86,19 @@ export default {
     },
 
     /** 搜索按钮操作 */
-    handleQuery () {
-      this.getList();
+    handleQuery() {
+      if (this.queryParams.question) {
+        this.getList();
+      } else {
+        this.$modal.msgWarning('请输入题目');
+      }
     },
     /** 重置按钮操作 */
-    resetQuery () {
+    resetQuery() {
       this.queryParams.question = '';
       this.handleQuery();
     },
-    handleEdit (item) {
+    handleEdit(item) {
       this.dialogVisible = true;
       this.$nextTick(() => {
         this.$refs.dialogForm.init(item);