fix confirm delete

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/components/lib/confirm.vue renamed to src/components/lib/confirmDelete.vue

@@ -15,17 +15,38 @@
       <p>Please type <strong>{{this.confirmInput}}</strong> to confirm.</p>
       <el-input :placeholder="'Type ' + this.confirmInput" v-model="confirmAnswer"></el-input>
       <div style="text-align: right; margin: 10px;">
-        <el-button size="mini" type="text" @click="this.visible = false">Cancel</el-button>
-        <el-button type="primary" size="mini" @click="confirmed" :disabled="!confirmAnswerCorrect">Confirm</el-button>
+        <el-button
+          size="mini"
+          type="text"
+          @click="visible = false;"
+        >
+          Cancel
+        </el-button>
+        <el-button
+          type="primary"
+          size="mini"
+          @click="confirmed"
+          :disabled="!confirmAnswerCorrect"
+        >
+          Confirm
+        </el-button>
       </div>
-      <el-button :type="this.buttonType" slot="reference" style="margin-left: 10px;">{{buttonName}}</el-button>
+      <el-button
+        :icon="this.buttonIcon"
+        :type="this.buttonType"
+        slot="reference"
+        style="margin-left: 10px;"
+        :circle="this.buttonCircle"
+      >
+        {{buttonName}}
+      </el-button>
     </el-popover>
   </span>
 </template>
 
 <script>
 export default {
-  name: 'Confirm',
+  name: 'ConfirmDelete',
   data() {
     return {
       visible: false,
@@ -38,6 +59,14 @@ export default {
       type: String,
       required: true
     },
+    buttonIcon: {
+      type: String,
+      default: ''
+    },
+    buttonCircle: {
+      type: Boolean,
+      default: false
+    },
     buttonType: {
       type: String,
       default: 'primary'

src/components/problem/edit.vue

@@ -33,7 +33,7 @@
         <el-card class="item">
           <el-button type="primary" @click="submit" :loading="buttonLoading">Submit</el-button>
           <el-button @click="back();">Back</el-button>
-          <Confirm
+          <ConfirmDelete
             buttonName="Delete"
             buttonType="danger"
             :buttonFunction="this.delete"
@@ -55,7 +55,15 @@
     <el-card class="float">
       <el-button type="primary" @click="submit();" icon="el-icon-check" circle />
       <el-button @click="back();" icon="el-icon-back" circle />
-      <el-button type="danger">Delete</el-button>
+      <ConfirmDelete
+        :buttonName="null"
+        buttonType="danger"
+        buttonIcon="el-icon-delete"
+        buttonCircle="true"
+        :buttonFunction="this.delete"
+        name="problem"
+        :confirmInput="'#' + this.$route.params.id + '/' + this.title"
+      />
     </el-card>
     <el-card>
       <div slot="header" class="clearfix"><i class="el-icon-edit-outline" /> Name</div>
@@ -94,7 +102,7 @@
 <script>
 import apiurl from './../../apiurl';
 import MarkdownEditor from './../lib/MarkdownEditor.vue';
-import Confirm from './../lib/confirm.vue';
+import ConfirmDelete from './../lib/confirmDelete.vue';
 
 export default {
   name: 'ProblemEdit',
@@ -184,7 +192,7 @@ export default {
   },
   components: {
     MarkdownEditor,
-    Confirm
+    ConfirmDelete
   }
 };
 </script>