阅卷前端优化提交代码

src/modules/marking/views/CourseDetail.vue

@@ -5,11 +5,9 @@
         <div class="box-header with-border">
           <h3 class="box-title">
             <span>课程详情</span>
-            <span
-              >({{ $route.params.courseName }}-{{
-                $route.params.courseCode
-              }})</span
-            >
+            <span>
+              ({{ $route.params.courseName }}-{{ $route.params.courseCode }})
+            </span>
           </h3>
           <div class="box-tools pull-right"></div>
         </div>
@@ -46,7 +44,7 @@
               -->
               <el-button
                 size="small"
-                type="primary"
+                type="success"
                 icon="caret-left"
                 @click="back"
                 >返回</el-button
@@ -91,8 +89,7 @@
               :page-size="10"
               layout="total, prev, pager, next, jumper"
               :total="total"
-            >
-            </el-pagination>
+            ></el-pagination>
           </div>
         </div>
       </div>

src/modules/marking/views/MarkPaperCheck.vue

@@ -332,8 +332,8 @@ export default {
         .get(url, { params: this.formSearch })
         .then(response => {
           console.log("查询的列表集合", response);
-          this.tableData = response.data.data;
-          this.total = response.data.pageInfo.totalElements;
+          this.tableData = response.data.list;
+          this.total = response.data.total;
           this.loading = false;
         })
         .catch(function(response) {

src/modules/marking/views/MarkSettingFast.vue

@@ -5,11 +5,11 @@
         <div class="box-header with-border">
           <h3 class="box-title">
             <span>评卷快速设置</span>
-            <span
-              >({{ $route.params.name }}-{{ $route.params.courseCode }}-{{
+            <span>
+              ({{ $route.params.name }}-{{ $route.params.courseCode }}-{{
                 $route.params.courseName
-              }})</span
-            >
+              }})
+            </span>
           </h3>
           <div class="box-tools pull-right"></div>
         </div>
@@ -31,9 +31,8 @@
                       @close="tagClose(tag);"
                       :type="tagType"
                       :key="tag.userId"
+                      >{{ tag.name }}</el-tag
                     >
-                      {{ tag.name }}
-                    </el-tag>
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -61,7 +60,7 @@
                 >
                 <el-button
                   size="small"
-                  type="primary"
+                  type="success"
                   icon="caret-left"
                   @click="back"
                   >返回</el-button
@@ -77,10 +76,16 @@
               @selection-change="selectChange"
             >
               <el-table-column type="selection" width="55"></el-table-column>
-              <el-table-column label="姓名" width="250" prop="name">
-              </el-table-column>
-              <el-table-column label="登录名" width="250" prop="loginName">
-              </el-table-column>
+              <el-table-column
+                label="姓名"
+                width="250"
+                prop="name"
+              ></el-table-column>
+              <el-table-column
+                label="登录名"
+                width="250"
+                prop="loginName"
+              ></el-table-column>
             </el-table>
             <div class="page pull-right">
               <el-pagination
@@ -90,8 +95,7 @@
                 :page-size="10"
                 layout="total, prev, pager, next, jumper"
                 :total="totalMarker"
-              >
-              </el-pagination>
+              ></el-pagination>
             </div>
           </div>
         </div>

src/modules/marking/views/MarkSettingMain.vue

@@ -27,14 +27,13 @@
                 v-model="formSearch.courseCode"
                 placeholder="请选择"
               >
-                <el-option value="">请选择</el-option>
+                <el-option value>请选择</el-option>
                 <el-option
                   v-for="item in courseAllListSelect"
                   :label="item.courseInfo"
                   :value="item.code"
                   :key="item.code"
-                >
-                </el-option>
+                ></el-option>
               </el-select>
             </el-form-item>
             <el-form-item class="pull-right">
@@ -47,7 +46,7 @@
               >
               <el-button
                 size="small"
-                type="primary"
+                type="success"
                 icon="caret-left"
                 @click="back"
                 >返回</el-button
@@ -92,22 +91,22 @@
                       style="margin-left:5px;"
                       type="success"
                       @click="submitUpload"
-                      >确认上传
-                    </el-button>
+                      >确认上传</el-button
+                    >
                     <el-button
                       size="small"
                       style="margin-left:5px;"
                       type="danger"
                       @click="removeFile"
-                      >清空文件
-                    </el-button>
+                      >清空文件</el-button
+                    >
                     <el-button
                       size="small"
                       style="margin-left:5px;"
                       type="info"
                       @click="exportFile"
-                      >下载模板
-                    </el-button>
+                      >下载模板</el-button
+                    >
                     <div slot="tip" class="el-upload__tip">
                       只能上传xlsx文件
                     </div>
@@ -137,24 +136,32 @@
             border
             style="width: 100%"
           >
-            <el-table-column label="课程名称" width="200" prop="name">
-            </el-table-column>
-            <el-table-column label="课程代码" min-width="100" prop="code">
-            </el-table-column>
-            <el-table-column label="试卷数" min-width="100" prop="totalCount">
-            </el-table-column>
+            <el-table-column
+              label="课程名称"
+              width="200"
+              prop="name"
+            ></el-table-column>
+            <el-table-column
+              label="课程代码"
+              min-width="100"
+              prop="code"
+            ></el-table-column>
+            <el-table-column
+              label="试卷数"
+              min-width="100"
+              prop="totalCount"
+            ></el-table-column>
             <el-table-column
               label="评卷员数"
               min-width="100"
               prop="markerCount"
-            >
-            </el-table-column>
+            ></el-table-column>
             <el-table-column :context="_self" label="操作">
               <template slot-scope="scope">
                 <div class="pull-left" v-if="scope.row.totalCount > 0">
                   <el-button
                     @click="fastSetting(scope.$index, scope.row);"
-                    type="success"
+                    type="primary"
                     size="mini"
                     >快速设置</el-button
                   >
@@ -170,8 +177,7 @@
               :page-size="10"
               layout="total, prev, pager, next, jumper"
               :total="total"
-            >
-            </el-pagination>
+            ></el-pagination>
           </div>
         </div>
       </div>

src/modules/marking/views/MarkSettingWork.vue

@@ -60,7 +60,7 @@
                     <span v-if="routeType == 'overview'">
                       <el-button
                         @click="markWorkOverview(scope.row);"
-                        type="success"
+                        type="primary"
                         size="mini"
                         >评卷进度</el-button
                       >
@@ -68,7 +68,7 @@
                     <span v-if="routeType == 'marker'">
                       <el-button
                         @click="marker(scope.row);"
-                        type="success"
+                        type="primary"
                         size="mini"
                         >评卷员一览</el-button
                       >
@@ -76,7 +76,7 @@
                     <span v-if="routeType == 'setting'">
                       <el-button
                         @click="settingMarkWork(scope.row);"
-                        type="success"
+                        type="primary"
                         size="mini"
                         >评卷设置</el-button
                       >
@@ -84,7 +84,7 @@
                     <span v-if="routeType == 'checking'">
                       <el-button
                         @click="paperCheck(scope.row);"
-                        type="success"
+                        type="primary"
                         size="mini"
                         >试卷检查</el-button
                       >
@@ -92,7 +92,7 @@
                     <span v-if="routeType == 'grade'">
                       <el-button
                         @click="viewGrade(scope.row);"
-                        type="success"
+                        type="primary"
                         size="mini"
                         >成绩查询</el-button
                       >
@@ -101,7 +101,7 @@
                   <span v-if="isMarker && routeType == 'marking'">
                     <el-button
                       @click="marking(scope.row);"
-                      type="success"
+                      type="primary"
                       size="mini"
                       >评阅试卷</el-button
                     >

src/modules/marking/views/MarkWork.vue

@@ -123,8 +123,7 @@
               :page-size="pageSize"
               layout="total, prev, pager, next, jumper"
               :total="total"
-            >
-            </el-pagination>
+            ></el-pagination>
           </div>
 
           <el-dialog
@@ -169,8 +168,7 @@
                         :label="item.label"
                         :value="item.value"
                         :key="item.value"
-                      >
-                      </el-option>
+                      ></el-option>
                     </el-select>
                     <el-input
                       v-if="examDisabled"
@@ -470,7 +468,7 @@ export default {
                 response => {
                   console.log(response);
                   this.$notify({
-                    message: response.dataText,
+                    message: response.response.data,
                     type: "error"
                   });
                   this.loading = false;
@@ -490,9 +488,8 @@ export default {
                   this.loading = false;
                 },
                 response => {
-                  console.log(response);
                   this.$notify({
-                    message: response.dataText,
+                    message: response.response.data,
                     type: "error"
                   });
                   this.loading = false;
@@ -562,3 +559,8 @@ export default {
   }
 };
 </script>
+<style scoped>
+.el-button--mini {
+  margin-left: 10px;
+}
+</style>

src/modules/marking/views/MarkerDetail.vue

@@ -41,7 +41,7 @@
               -->
               <el-button
                 size="small"
-                type="primary"
+                type="success"
                 icon="caret-left"
                 @click="back"
                 >返回</el-button
@@ -86,8 +86,7 @@
               :page-size="10"
               layout="total, prev, pager, next, jumper"
               :total="total"
-            >
-            </el-pagination>
+            ></el-pagination>
           </div>
         </div>
       </div>

src/modules/marking/views/Marking.vue

@@ -12,73 +12,49 @@
           <small class="marktitle titlefont">
             <span>试卷编号：{{ task.paperName }}</span>
           </small>
-          <small class="marktitle">
-            <el-button-group>
-              <el-button size="small"
-                ><span class="titlefont">已评</span></el-button
-              >
-              <el-button size="small" @click="markedClick"
-                ><span class="titlefont">{{
-                  task.markedCount
-                }}</span></el-button
-              >
-            </el-button-group>
+          <small class="marktitle titlefont">
+            <span>待评：{{ task.leftCount }}</span>
           </small>
-          <small class="marktitle">
-            <el-button-group>
-              <el-button size="small"
-                ><span class="titlefont">待评</span></el-button
-              >
-              <el-button size="small"
-                ><span class="titlefont">{{ task.leftCount }}</span></el-button
-              >
-            </el-button-group>
+          <small class="marktitle titlefont">
+            <span>
+              进度：{{
+                (
+                  ((task.totalCount - task.leftCount) * 100) /
+                  task.totalCount
+                ).toFixed(2)
+              }}%
+            </span>
           </small>
+          <!--
+            <small class="marktitle">
+              <el-button-group>
+                <el-button size="small">
+                  <span class="titlefont">待评</span>
+                </el-button>
+                <el-button size="small">
+                  <span class="titlefont">{{ task.leftCount }}</span>
+                </el-button>
+              </el-button-group>
+            </small>
+          -->
           <small class="marktitle">
             <el-button-group>
-              <el-button size="small"
-                ><span class="titlefont">进度</span></el-button
-              >
-              <el-button size="small"
-                ><span class="titlefont"
-                  >{{
-                    (
-                      ((task.totalCount - task.leftCount) * 100) /
-                      task.totalCount
-                    ).toFixed(2)
-                  }}%</span
-                ></el-button
-              >
+              <el-button size="small">
+                <span class="titlefont">已评</span>
+              </el-button>
+              <el-button size="small" @click="markedClick">
+                <span class="titlefont"> {{ task.markedCount }} </span>
+              </el-button>
             </el-button-group>
           </small>
           <small class="marktitle">
             <el-button type="primary" @click="taskChange" size="small">
-              <span class="titlefont"
-                >切换任务 <i class="el-icon-caret-bottom el-icon--right"></i>
+              <span class="titlefont">
+                切换任务 <i class="el-icon-caret-bottom el-icon--right"></i>
               </span>
             </el-button>
           </small>
-          <small class="marktitle">
-            <el-button-group>
-              <el-button size="small"
-                ><span class="titlefont"
-                  ><v-icon name="user" style="height:12"/></span
-              ></el-button>
-              <el-button size="small"
-                ><span class="titlefont">{{
-                  user.displayName
-                }}</span></el-button
-              >
-            </el-button-group>
-          </small>
-          <small class="marktitle titlefont marksign">
-            <el-button type="success" @click="backIndex" size="small">
-              <v-icon name="sign-out-alt" />
-              <span class="titlefont">退回 </span>
-            </el-button>
-          </small>
-
-          <el-dialog title="切换任务" :visible.sync="taskVisible" size="large">
+          <el-dialog title="切换任务" :visible.sync="taskVisible" width="80%">
             <div class="scroll">
               <el-form
                 :inline="true"
@@ -132,9 +108,8 @@
                         size="small"
                         type="success"
                         @click="tasksSelect(scope.$index, scope.row);"
+                        >选择</el-button
                       >
-                        选择
-                      </el-button>
                     </div>
                   </template>
                 </el-table-column>
@@ -147,8 +122,7 @@
                   :page-size="pageSize"
                   layout="total, prev, pager, next, jumper"
                   :total="changeTaskTotal"
-                >
-                </el-pagination>
+                ></el-pagination>
               </div>
             </div>
           </el-dialog>
@@ -156,7 +130,7 @@
           <el-dialog
             title="已评任务"
             :visible.sync="markedTaskVisible"
-            size="large"
+            width="80%"
           >
             <div class="scroll">
               <el-form
@@ -164,8 +138,7 @@
                 :model="markTaskFormSearch"
                 label-position="right"
                 label-width="70px"
-              >
-              </el-form>
+              ></el-form>
               <el-table :data="markedResults" border style="width: 100%">
                 <el-table-column
                   label="答卷Id"
@@ -176,9 +149,9 @@
                 <el-table-column label="评阅时间">
                   <template slot-scope="scope">
                     <div>
-                      <span style="margin-left: 10px">{{
-                        dateFormatter(scope.row)
-                      }}</span>
+                      <span style="margin-left: 10px">
+                        {{ dateFormatter(scope.row) }}
+                      </span>
                     </div>
                   </template>
                 </el-table-column>
@@ -188,18 +161,18 @@
                 <el-table-column label="问题卷">
                   <template slot-scope="scope">
                     <div>
-                      <span style="margin-left: 10px">{{
-                        getTagName(scope.row.tag)
-                      }}</span>
+                      <span style="margin-left: 10px">
+                        {{ getTagName(scope.row.tag) }}
+                      </span>
                     </div>
                   </template>
                 </el-table-column>
                 <el-table-column label="评卷备注">
                   <template slot-scope="scope">
                     <div>
-                      <span style="margin-left: 10px">{{
-                        scope.row.markRemark
-                      }}</span>
+                      <span style="margin-left: 10px">
+                        {{ scope.row.markRemark }}
+                      </span>
                     </div>
                   </template>
                 </el-table-column>
@@ -210,9 +183,8 @@
                         size="small"
                         type="success"
                         @click="markTaskSelect(scope.$index, scope.row);"
+                        >选择</el-button
                       >
-                        选择
-                      </el-button>
                     </div>
                   </template>
                 </el-table-column>
@@ -225,12 +197,25 @@
                   :page-size="pageSize"
                   layout="total, prev, pager, next, jumper"
                   :total="markedTotal"
-                >
-                </el-pagination>
+                ></el-pagination>
               </div>
             </div>
           </el-dialog>
         </span>
+        <span class="pull-right">
+          <small class="marktitle titlefont">
+            <span class="titlefont">
+              <v-icon name="user" style="height:12" />
+              {{ user.displayName }}
+            </span>
+          </small>
+          <small class="marktitle titlefont marksign">
+            <el-button type="success" @click="backIndex" size="mini">
+              <v-icon name="sign-out-alt" />
+              <span class="titlefont">退回</span>
+            </el-button>
+          </small>
+        </span>
       </span>
     </section>
 
@@ -249,6 +234,7 @@
             :markSign="markSign"
             :studentPaper="studentPaper"
             :examType="examType"
+            :answerHtml="answerHtml"
           ></tpMain>
           <!-- 文本图片给分板 -->
           <tpScoreboard
@@ -274,7 +260,7 @@
 import { mapState } from "vuex";
 import TpMain from "./TpMain.vue";
 import TpScoreBoard from "./TpScoreBoard.vue";
-import { MARKING_API, DATA_PROCESS_API } from "../constants/constants";
+import { MARKING_API, DATA_PROCESS_API, Q_API } from "../constants/constants";
 export default {
   components: {
     tpMain: TpMain,
@@ -329,7 +315,8 @@ export default {
       backMark: false,
       //获取试卷标志(成功获取true,没有试卷false)
       paperMark: true,
-      tags: []
+      tags: [],
+      answerHtml: null
     };
   },
   methods: {
@@ -363,10 +350,12 @@ export default {
       this.getChangeTasks();
     },
     async tasksSelect(index, row) {
+      this.answerHtml = null;
       await this.initMarkItem();
       await this.markInit();
       this.task = row;
       await this.getPaper();
+      await this.getAnswerHtml();
       await this.getMarkRange();
       await this.getMarkedTask();
       this.taskVisible = false;
@@ -389,12 +378,13 @@ export default {
       this.markedCurrentPage = val;
       this.getMarkedTask();
     },
-    markTaskSelect(index, row) {
+    async markTaskSelect(index, row) {
       this.backMark = true;
       this.paperMark = true;
       this.textarea = row.markRemark;
-      this.getMarkedPaper(row.studentPaperId);
-      this.getMarkedResultItems(row.id);
+      await this.getMarkedPaper(row.studentPaperId);
+      await this.getMarkedResultItems(row.id);
+      await this.getAnswerHtml();
       this.markedTaskVisible = false;
     },
     async markInit() {
@@ -582,6 +572,7 @@ export default {
       }
     },
     async getNext() {
+      this.answerHtml = null;
       //试卷全部评完且回评时不继续获取试卷
       if (this.backMark && this.allMarked) {
         return;
@@ -589,6 +580,7 @@ export default {
       this.initMarkItem();
       await this.markInit();
       await this.getPaper();
+      await this.getAnswerHtml();
       await this.getChangeTasks();
       await this.getMarkRange();
       await this.getMarkedTask();
@@ -615,6 +607,16 @@ export default {
           type: "warning"
         });
       }
+    },
+    async getAnswerHtml() {
+      if (this.studentPaper.basePaperId) {
+        var paperId = this.studentPaper.basePaperId;
+        await this.$http
+          .get(Q_API + "/extract/getAnswerHtml/" + paperId)
+          .then(response => {
+            this.answerHtml = response.data;
+          });
+      }
     }
   },
   computed: {
@@ -658,6 +660,7 @@ export default {
     await this.markInit();
     await this.getChangeTasks();
     await this.getPaper();
+    await this.getAnswerHtml();
     await this.getMarkRange();
     await this.getMarkedTask();
     this.getTags();
@@ -671,13 +674,11 @@ export default {
 }
 .content {
   min-height: 600px;
-  padding: 15px;
   margin-right: auto;
   margin-left: auto;
-  margin-top: 10px;
+  margin-top: 5px;
   padding-left: 15px;
   padding-right: 15px;
-  padding-top: 60px;
 }
 small {
   font-size: 18px;
@@ -687,19 +688,18 @@ small {
 }
 .content-header {
   margin-top: 10px;
-}
-section {
-  margin-top: 10px;
-  margin-bottom: 20px;
+  margin-left: 15px;
+  overflow: hidden;
 }
 .box-body {
   height: 100%;
-  width: 100%;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
-  padding: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  overflow: hidden;
 }
 .backcolor {
   background-color: #ecf0f5;
@@ -708,7 +708,7 @@ li {
   list-style-type: none;
 }
 .marktitle {
-  margin-right: 10px;
+  margin-right: 20px;
   margin-bottom: 10px;
   font-size: 18px;
   font-weight: 700;
@@ -738,6 +738,7 @@ li {
 .label-danger {
   background-color: #d9534f;
   color: #fff;
+  padding: 2px;
 }
 .box.box-info {
   border-top-color: #20a0ff;

src/modules/marking/views/TpMain.vue

@@ -65,7 +65,7 @@
             <div
               class="paper"
               id="answer-content"
-              v-html="getAnswerHtml()"
+              v-html="this.answerHtml"
             ></div>
           </div>
         </el-tab-pane>
@@ -75,7 +75,7 @@
 </template>
 <script>
 import { Drawing } from "../canvas/mark_sign";
-import { EVENTHUB, Q_API, UPAI_YUN } from "../constants/constants";
+import { EVENTHUB, UPAI_YUN } from "../constants/constants";
 import { Print } from "../store/Print";
 export default {
   data() {
@@ -83,8 +83,7 @@ export default {
       activeName: "first",
       drawing: {},
       tmpSignScores: this.signScores,
-      tmpMarkSign: this.markSign,
-      answerHtml: null
+      tmpMarkSign: this.markSign
     };
   },
   props: [
@@ -94,22 +93,10 @@ export default {
     "signOption",
     "signScores",
     "signItem",
-    "examType"
+    "examType",
+    "answerHtml"
   ],
   methods: {
-    getAnswerHtml() {
-      let content = "";
-      if (this.studentPaper.basePaperId) {
-        var paperId = this.studentPaper.basePaperId;
-        this.$http
-          .get(Q_API + "/extract/getAnswerHtml/" + paperId)
-          .then(response => {
-            console.log("html", response.data);
-            content = response.data;
-          });
-      }
-      return content;
-    },
     getPdfUrl() {
       var url = this.studentPaper.studentSubjectiveHtml;
       var content = "";

src/modules/marking/views/TpScoreBoard.vue

@@ -33,11 +33,11 @@
                   "
                   class="button button-border button-box button-primary button-small titlebutton"
                 >
-                  <label class=""
-                    >{{ resultItem.markItem.mainNumber }}({{
+                  <label class>
+                    {{ resultItem.markItem.mainNumber }}({{
                       resultItem.markItem.orders
-                    }})</label
-                  >
+                    }})
+                  </label>
                   <label class="score">{{ resultItem.score }}分</label>
                 </a>
               </li>
@@ -92,8 +92,8 @@
                       </el-button>
                       <el-button size="small" type="primary">
                         <span style="font-size:15px;font-weight:bold;"
-                          >间隔:{{ resultItem.markItem.scoreInterval }}
-                        </span>
+                          >间隔:{{ resultItem.markItem.scoreInterval }}</span
+                        >
                       </el-button>
                     </el-button-group>
                   </div>
@@ -124,14 +124,14 @@
         <el-tab-pane label="备注" name="first">
           <ul class="scoreScroll">
             <li>
-              <el-input
-                type="textarea"
-                :rows="3"
+              <textarea
+                id="remark"
+                type="text"
+                rows="5"
+                cols="30"
                 placeholder="请输入内容"
-                v-model="textarea"
-                :value="this.markRemarkInfo"
-              >
-              </el-input>
+                v-model="markedResult.markRemark"
+              />
             </li>
           </ul>
         </el-tab-pane>
@@ -161,9 +161,9 @@
                   v-for="tag in tags"
                   :key="tag.code"
                 >
-                  <el-radio :label="tag.code" :key="tag.code">{{
-                    tag.name
-                  }}</el-radio>
+                  <el-radio :label="tag.code" :key="tag.code">
+                    {{ tag.name }}
+                  </el-radio>
                 </li>
               </el-radio-group>
             </span>
@@ -178,8 +178,9 @@
                 size="large"
                 @keydown.enter="submitMark"
                 @click="submitMark"
-                ><span class="sub-btn">提</span><span>交</span></el-button
               >
+                <span class="sub-btn">提</span> <span>交</span>
+              </el-button>
             </li>
             <li class="pull-left scoretitle" v-if="paperMark">
               <el-button type="danger" size="large" @click="problemClick"
@@ -227,8 +228,7 @@ export default {
       tmpSignItem: this.signItem,
       tags: [],
       unusualType: "",
-      scoreError: [],
-      textarea: ""
+      scoreError: []
     };
   },
   props: [
@@ -246,6 +246,7 @@ export default {
   ],
   methods: {
     ...mapActions([USER_SIGNOUT]),
+
     resetProblem() {
       if (this.markedResult.tag) {
         this.markedResult.tag = "";
@@ -502,6 +503,8 @@ export default {
       }
       this.processTagPaper();
       this.loading = true;
+      let remarkValue = document.getElementById("remark").value;
+      console.log("remarkValue: " + remarkValue);
       if (!this.markedResult.id) {
         console.log("提交resultItems", this.resultItems);
         this.$http
@@ -514,7 +517,7 @@ export default {
               "&tag=" +
               this.unusualType +
               "&remark=" +
-              this.textarea,
+              remarkValue,
             this.resultItems
           )
           .then(
@@ -537,7 +540,6 @@ export default {
               this.markTypeView = false;
               this.problemView = false;
               this.unusualType = "";
-              //this.textarea = '';
             },
             response => {
               // 响应错误回调
@@ -588,7 +590,6 @@ export default {
                   this.markTypeView = false;
                   this.problemView = false;
                   this.unusualType = "";
-                  //this.textarea = '';
                 }
               } else {
                 this.$notify({
@@ -600,14 +601,13 @@ export default {
                 this.markTypeView = false;
                 this.problemView = false;
                 this.unusualType = "";
-                //this.textarea = '';
               }
             }
           );
       } else {
         console.log("markedResult", this.markedResult);
         this.markedResult.resultItems = this.resultItems;
-        this.markedResult.remark = this.textarea;
+        this.markedResult.remark = remarkValue;
         this.$http.put(MARKING_API + "/markResults", this.markedResult).then(
           response => {
             this.saveMarkSign();
@@ -621,7 +621,6 @@ export default {
             this.markTypeView = false;
             this.problemView = false;
             this.unusualType = "";
-            //this.textarea = '';
           },
           response => {
             // 响应错误回调
@@ -642,24 +641,19 @@ export default {
             this.markTypeView = false;
             this.problemView = false;
             this.unusualType = "";
-            //this.textarea = '';
           }
         );
       }
     },
     initKeyBoardMode() {
-      var itemId = this.resultItems[0].markItem.id;
-      var order = this.resultItems[0].markItem.orders;
-      var itemInput = "item" + itemId;
-      setTimeout(function() {
-        document.getElementById(itemInput).focus();
-      }, 1);
-      this.positionDiv(order);
-    },
-    markRemarkInfo() {
-      this.textarea = "";
-      if (this.markedResult.id) {
-        this.textarea = this.markedResult.markRemark;
+      if (this.resultItems[0]) {
+        var itemId = this.resultItems[0].markItem.id;
+        var order = this.resultItems[0].markItem.orders;
+        var itemInput = "item" + itemId;
+        setTimeout(function() {
+          document.getElementById(itemInput).focus();
+        }, 1);
+        this.positionDiv(order);
       }
     }
   },
@@ -738,7 +732,6 @@ export default {
   },
   created() {
     this.getTags();
-    this.markRemarkInfo();
   }
 };
 </script>
@@ -832,14 +825,10 @@ li {
 .button-border.button-small {
   line-height: 26px;
 }
-.button-border.button-primary {
-  color: #1b9af7;
-}
 .button-small {
   font-size: 12px;
 }
 .button-border {
-  background: 0;
   border-width: 2px;
   border-style: solid;
 }
@@ -856,6 +845,7 @@ li {
   text-align: center;
   margin: 0;
   display: inline-block;
+  outline: none;
 }
 .pull-left {
   float: left;