优化

src/components/AppealCreate.vue

@@ -11,8 +11,8 @@
     @open="openHandler"
     @close="closeHandler"
     append-to-body
-    width="800px"
-    top="2%"
+    width="600px"
+    top="1%"
   >
 
     <template>
@@ -54,7 +54,7 @@
             style="height: 300px"
           >
             <el-form-item v-for="(item,index) in rewriteData.events" :key="index">
-              <el-tag style="margin-right: 10px">{{item.remark}}</el-tag><i class="el-icon-delete pointer" @click="deleteEvent(item)" />
+              <el-tag closable @close="deleteEvent(item)">{{item.remark}}</el-tag>
               <el-input type="textarea" :rows="2" v-model="item.appeal_remark" placeholder="申诉原因" maxlength="100" show-word-limit />
             </el-form-item>
           </el-scrollbar>

src/components/AppealRewrite.vue

@@ -11,8 +11,8 @@
     @open="openHandler"
     @close="closeHandler"
     append-to-body
-    width="1000px"
-    top="5%"
+    width="600px"
+    top="1%"
   >
 
     <template>
@@ -54,7 +54,7 @@
             style="height: 300px"
           >
             <el-form-item v-for="(item,index) in rewriteData.events" :key="index">
-              <el-tag style="margin-right: 10px">{{item.remark}}</el-tag><i class="el-icon-delete pointer" @click="deleteEvent(item)" v-if="canRewrite" />
+              <el-tag closable @close="deleteEvent(item)">{{item.remark}}</el-tag>
               <el-input type="textarea" :rows="2" v-model="item.appeal_remark" placeholder="申诉原因" maxlength="100" show-word-limit :disabled="!canRewrite" />
             </el-form-item>
           </el-scrollbar>
@@ -239,6 +239,7 @@ export default {
       let index = this.rewriteData.events.indexOf(event)
       if (index >= 0) this.rewriteData.events.splice(index,1)
     }
+
   },
   mounted() {
     this.superiorList = this.$store.getters.user_info.employee_detail.superior_list
@@ -246,5 +247,10 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.font-flex-word {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 </style>

src/point/views/common/AppealPopup.vue

@@ -612,7 +612,6 @@ export default {
         .finally(() => {
           self.submitting = false
         })
-
     },
     handleReviewerSelector(val){
       this.formData.reviewerName = ''