驳回提交增加确认框

src/modules/viewer/components/work/chapterWork.vue

@@ -68,7 +68,17 @@
           </div>
         </div>
         <div class="buttons">
-          <el-tooltip :content="$t('viewerWork.workSubmitButtonTips')" placement="right">
+          <!-- 驳回的提交 -->
+          <el-popover placement="bottom" width="170" v-model="popoverVisible" v-if="detail.status === 1">
+            <p>您已完成作业，确定提交？</p>
+            <div style="text-align: right; margin-top: 10px">
+              <el-button size="mini" type="text" @click="popoverVisible = false">取消</el-button>
+              <el-button type="primary" size="mini" @click="onSubmit">确定提交</el-button>
+            </div>
+            <el-button type="primary" :disabled="disabled" slot="reference">{{ submitText }}</el-button>
+          </el-popover>
+          <!-- 正常提交 -->
+          <el-tooltip :content="$t('viewerWork.workSubmitButtonTips')" placement="right" v-else>
             <el-button type="primary" :disabled="disabled" :loading="submitLoading" @click="onSubmit">{{
               submitText
             }}</el-button>
@@ -154,7 +164,8 @@ export default {
       rules: {
         user_answer: [{ required: true, message: '请输入', trigger: 'change' }]
       },
-      dialogVisible: false
+      dialogVisible: false,
+      popoverVisible: false
     }
   },
   watch: {
@@ -412,7 +423,8 @@ export default {
 .paper-check-item {
   padding: 5px 0;
   display: flex;
-  b {
+  b,
+  span {
     white-space: nowrap;
   }
 }

src/modules/viewer/components/work/chapterWorkComment.vue

@@ -21,7 +21,19 @@
       ></el-form>
     </template>
     <div class="button">
-      <el-button type="primary" :disabled="disabled" @click="handleSubmit">{{
+      <!-- 驳回的提交 -->
+      <el-popover placement="bottom" width="170" v-model="popoverVisible" v-if="status === 1">
+        <p>您已完成作业，确定提交？</p>
+        <div style="text-align: right; margin-top: 10px">
+          <el-button size="mini" type="text" @click="popoverVisible = false">取消</el-button>
+          <el-button type="primary" size="mini" @click="handleSubmit">确定提交</el-button>
+        </div>
+        <el-button type="primary" :disabled="disabled" slot="reference">{{
+          $t('viewerWork.commentSubmitText')
+        }}</el-button>
+      </el-popover>
+      <!-- 正常提交 -->
+      <el-button type="primary" :disabled="disabled" @click="handleSubmit" v-else>{{
         $t('viewerWork.commentSubmitText')
       }}</el-button>
       <p>{{ $t('viewerWork.commentSubmitTips', { date: endDate }) }}</p>
@@ -50,7 +62,8 @@ export default {
       list: [],
       rules: {
         comment: [{ required: true, message: '请输入评价内容', trigger: 'change' }]
-      }
+      },
+      popoverVisible: false
     }
   },
   computed: {