BUG 57

src/components/AiBottomBtn.vue

@@ -4,7 +4,7 @@
       <slot/>
     </div>
     <u-gap v-else height="112"/>
-    <div class="fixed" @click="$emit('click')" :style="{background}">
+    <div class="fixed" @click="$u.debounce(()=> $emit('click'),500)" :style="{background}">
       <slot v-if="$slots.default"/>
       <div v-else class="text" :class="{circle}" v-text="text"/>
     </div>
@@ -40,6 +40,7 @@ export default {
     color: #FFFFFF;
     background: #1365DD;
     box-shadow: inset 0px 1px 0px 0px #EEEEEE;
+    cursor: pointer;
 
     &.circle {
       border-radius: 52px;

src/project/qujing/AppConflictMediation/add.vue

@@ -39,14 +39,16 @@
         <AiUploader :def.sync="form.finishFiles" multiple placeholder="上传图片" :limit="9" action="/admin/file/add2"/>
       </AiItem>
     </AiGroup>
-    <div class="btn" @click="submit">上报</div>
+    <AiBottomBtn text="上报" @click="submit"/>
   </div>
 </template>
 
 <script>
 import {mapState} from 'vuex'
+import AiBottomBtn from "../../../components/AiBottomBtn";
 
 export default {
+  components: {AiBottomBtn},
   appName: '新增事件',
   data() {
     return {
@@ -174,8 +176,7 @@ export default {
         finishFiles: this.form.finishFiles,
         groupName: this.dictList.filter((v) => v.value === this.form.groupId)[0].label,
         eventStatus: this.form.opts == 0 ? '2' : '0',
-      })
-      .then((res) => {
+      }).then((res) => {
         this.$u.toast('上报成功')
         this.flag = false
         if (res.code == 0) {
@@ -214,17 +215,6 @@ export default {
     }
   }
 
-  .btn {
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    height: 120px;
-    background: #3975c6;
-    line-height: 120px;
-    text-align: center;
-    color: #ffffff;
-  }
-
   ::v-deep .ai-uploader .fileList .default {
     width: 160px;
     height: 160px;