feat（manage）：限制用户点击一秒一次

src/views/ManageAdmin.vue

@@ -15,6 +15,8 @@ const teamList = ref([])
 const total = ref(0)
 const dialogVisible = ref(false)
 const cancelEmail = ref('')
+let click = true
+
 onMounted(() => {
   let pageText = document.getElementsByClassName('el-pagination__jump')[0]
   if (pageText) {
@@ -46,13 +48,22 @@ const pagingQuery = () => {
       'queryString=' +
       queryString.value 
   ).then((res) => {
-    tableData.value = res.data.result.list
-    total.value = res.data.result.total
+    //限制点击
+    setTimeout(() => {
+      click = true
+    }, 1000)
+    if(res.data.code === 200){
+      tableData.value = res.data.result.list
+      total.value = res.data.result.total
+    }
   })
 }
 //筛选
 const searchInfo = () => {
-  pagingQuery()
+  if(click){
+    click = false
+    pagingQuery()
+  }
 }
 // 获取团队管理列表
 const getTeamList = (val) => {

src/views/MenageAdmin/addAdmin.vue

@@ -1,6 +1,6 @@
 <script>
 import { post, get } from '../../../utils/request'
-import Warning from '@/components/icon/warning.vue'
+// import Warning from '@/components/icon/warning.vue'
 
 export default {
   data() {
@@ -10,10 +10,11 @@ export default {
         TeamAdmin: [],
       },
       teamList: {},
-      dialogVisible: false,
+      click: true,
+      // dialogVisible: false,
     }
   },
-  components:{Warning},
+  // components:{Warning},
   methods: {
     // 重置表单
     resetForm (formName) {
@@ -22,25 +23,32 @@ export default {
     },
     //提交添加表单
     submitFormSingle(){
-      if (this.formData.AdminEmail.trim() === '' || this.formData.TeamAdmin.length === 0) {
-        this.$message.error('Missing required information')
-      } else {
-        var urlencoded = new URLSearchParams()
-        urlencoded.append("teamIds", this.formData.TeamAdmin)
-        urlencoded.append("account", this.formData.AdminEmail)
-        post('http://81.68.234.235:8032/pdf-tech/vppTeam/sendEmailForAddTeamAdmin', urlencoded).then((res)=>{
-          if(res.data.code === 200){
-            this.$message({
-              message: 'Change Success',
-              type: "success",
-            })
-          } else if(res.data.msg === "Member has joined a non-default team"){
-            this.$message({
-              message: 'Member has joined a non-default team',
-              type: "error",
-            })
-          }
-        })
+      if(this.click){
+        this.click = false
+        if (this.formData.AdminEmail.trim() === '' || this.formData.TeamAdmin.length === 0) {
+          this.$message.error('Missing required information')
+        } else {
+          var urlencoded = new URLSearchParams()
+          urlencoded.append("teamIds", this.formData.TeamAdmin)
+          urlencoded.append("account", this.formData.AdminEmail)
+          post('http://81.68.234.235:8032/pdf-tech/vppTeam/sendEmailForAddTeamAdmin', urlencoded).then((res)=>{
+            if(res.data.code === 200){
+              this.$message({
+                message: 'Change Success',
+                type: "success",
+              })
+            } else if(res.data.msg === "Member has joined a non-default team"){
+              this.$message({
+                message: 'Member has joined a non-default team',
+                type: "error",
+              })
+            }
+          })
+        }
+        //限制点击
+        setTimeout(() => {
+          this.click = true
+        }, 3000)
       }
     },
   },
@@ -129,7 +137,7 @@ export default {
       </el-form>
     </div>
     <!-- 账号未注册弹出框 -->
-    <el-dialog
+    <!-- <el-dialog
       title=""
       :visible.sync="dialogVisible"
       width="376px"
@@ -145,7 +153,7 @@ export default {
         <el-button @click="dialogVisible = false">Cancel</el-button>
         <el-button type="primary" @click="sureSave">Yes</el-button>
       </span>
-    </el-dialog>
+    </el-dialog> -->
   </div>
 </template>
 

src/views/MenageAdmin/editAdmin.vue

@@ -11,6 +11,7 @@ export default {
       email: '',
       memberId: '',
       teamList: [],
+      click: true
     }
   },
   created () {
@@ -32,21 +33,28 @@ export default {
   methods: {
     // 提交表单
     submitForm () {
-      var urlencoded = new URLSearchParams()
-      urlencoded.append("memberId", this.memberId)
-      urlencoded.append("teamIds", this.formData.TeamAdmin)
-      if (this.formData.TeamAdmin.length === 0) {
-        this.$message.error('Please choose a team')
-      } else {
-      post( 'http://81.68.234.235:8032/pdf-tech/vppTeam/editTeamAdmin',urlencoded ).then((res)=>{
-        if(res.data.code === 200){
-            this.$message({
-              message: 'Change Success',
-              type: "success",
-            })
-          }
-      })
-    }
+      if(this.click){
+        this.click = false
+        var urlencoded = new URLSearchParams()
+        urlencoded.append("memberId", this.memberId)
+        urlencoded.append("teamIds", this.formData.TeamAdmin)
+        if (this.formData.TeamAdmin.length === 0) {
+          this.$message.error('Please choose a team')
+        } else {
+          post( 'http://81.68.234.235:8032/pdf-tech/vppTeam/editTeamAdmin',urlencoded ).then((res)=>{
+            if(res.data.code === 200){
+                this.$message({
+                  message: 'Change Success',
+                  type: "success",
+                })
+              }
+          })
+        }
+        //限制点击
+        setTimeout(() => {
+          this.click = true
+        }, 3000)
+      }
     },
     // 重置表单
     resetForm (formName) {
@@ -99,7 +107,7 @@ export default {
               @click="resetForm('formData')">Cancel</div>
           </router-link>
           <div >
-            <div class="w-152px h-40px border-1 border-[#1460F3] rounded-8px bg-[#1460F3] text-center text-16px text-[#fff] font-700 leading-40px hover:bg-[#3776f2]"
+            <div class="w-152px h-40px border-1 border-[#1460F3] rounded-8px bg-[#1460F3] text-center text-16px text-[#fff] font-700 leading-40px hover:bg-[#3776f2] cursor-pointer"
               @click="submitForm()">Save</div>
           </div>
         </div> 

src/views/TeamManagement/ManageMember.vue

@@ -17,6 +17,7 @@ const status = ref('')
 const product = ref('')
 const size = ref(5)
 const memberId = ref('')
+let click = true
 
 //打开删除对话框
 const handleClick = (val) => {
@@ -84,6 +85,10 @@ function getManageMemberList() {
       'productCode=' +
       product.value
   ).then((res) => {
+    //限制点击
+    setTimeout(() => {
+      click = true
+    }, 1000)
     const data = res.data.result.list
     for (let i = 0; i < data.length; i++) {
       if (data[i].validFlag === '0') {
@@ -105,24 +110,34 @@ function exportManageMemberList() {
   urlencoded.append("productId", product.value)
   urlencoded.append("teamId", teamId.value)
   urlencoded.append("status", status.value)
-  downLoad("http://81.68.234.235:8032/pdf-tech/vppRTeamMemberRole/download", urlencoded).then((res)=>{
-      let url = window.URL.createObjectURL(new Blob([res.data], { type: '.xlsx' }))
-      let a= document.createElement('a')
-      a.style.display = 'none'
-      a.href = url
-      // 自定义文件名
-      a.setAttribute('download', `团队成员.xlsx`)
-       document.body.appendChild(a)
-       // 下载文件
-       a.click()
-       // 释放内存
-       url = window.URL.revokeObjectURL(url)
-       document.body.removeChild(a) 
-  })
+  if(click){
+    click = false
+    downLoad("http://81.68.234.235:8032/pdf-tech/vppRTeamMemberRole/download", urlencoded).then((res)=>{
+        //限制点击
+        setTimeout(() => {
+          click = true
+        }, 1000)
+        let url = window.URL.createObjectURL(new Blob([res.data], { type: '.xlsx' }))
+        let a= document.createElement('a')
+        a.style.display = 'none'
+        a.href = url
+        // 自定义文件名
+        a.setAttribute('download', `团队成员.xlsx`)
+         document.body.appendChild(a)
+         // 下载文件
+         a.click()
+         // 释放内存
+         url = window.URL.revokeObjectURL(url)
+         document.body.removeChild(a) 
+    })
+  }
 }
 //筛选
 const searchInfo = () => {
-  getManageMemberList()
+  if(click){
+    click = false
+    getManageMemberList()
+  }
 }
 onMounted(() => {
   let pageText = document.getElementsByClassName('el-pagination__jump')[0]
@@ -217,7 +232,7 @@ onMounted(() => {
             placeholder="Search Member Name/Email/Device UUID"
           >
           </el-input>
-          <button class="absolute top-8px right-8px"><Search /></button>
+          <button class="absolute top-8px right-8px" @click="searchInfo()"><Search /></button>
         </div>
         <button
           type="button"

src/views/TeamManagement/ManageMember/AddManageMember.vue

@@ -11,7 +11,8 @@ export default {
         teamId: ''
       },
       teamList: {},
-      file: {}
+      file: {},
+      click: true
     }
   },
   methods: {
@@ -22,38 +23,56 @@ export default {
     },
     //提交单个添加表单
     submitFormSingle(){
-      if (this.formData.memberEmail.trim() === '' || this.formData.teamId.trim() === '') {
-        this.$message.error('Missing required information')
-      } else {
-        post('http://81.68.234.235:8032/pdf-tech/vppTeam/addTeamMember',this.formData).then((res)=>{
+      if(this.click){
+        this.click = false
+        if (this.formData.memberEmail.trim() === '' || this.formData.teamId.trim() === '') {
+          this.$message.error('Missing required information')
+          //限制点击
+          setTimeout(() => {
+            this.click = true
+          }, 3000)
+        } else {
+          post('http://81.68.234.235:8032/pdf-tech/vppTeam/addTeamMember',this.formData).then((res)=>{
+            //限制点击
+            setTimeout(() => {
+              this.click = true
+            }, 3000)
+            if(res.data.code === 200){
+              this.$message({
+                message: 'Add Success!',
+                type: "success",
+              })
+            } else if(res.data.msg === "Member has joined a non-default team"){
+              this.$message({
+                message: 'Member has joined a non-default team',
+                type: "error",
+              })
+            }
+          })
+        }
+      }
+    },
+    //提交批量添加表单
+    submitFormVolume(){
+      if(this.click){
+        this.click = false
+        this.$refs.upload.submit()
+        const formData = new FormData()
+        formData.append("file",this.file)
+        post('http://81.68.234.235:8032/pdf-tech/vppTeam/addTeamMemberBatch', formData).then((res) => {
+          //限制点击
+          setTimeout(() => {
+            this.click = true
+          }, 1000)
           if(res.data.code === 200){
             this.$message({
               message: 'Add Success!',
               type: "success",
             })
-          } else if(res.data.msg === "Member has joined a non-default team"){
-            this.$message({
-              message: 'Member has joined a non-default team',
-              type: "error",
-            })
           }
         })
       }
     },
-    //提交批量添加表单
-    submitFormVolume(){
-      this.$refs.upload.submit()
-      const formData = new FormData()
-      formData.append("file",this.file)
-      post('http://81.68.234.235:8032/pdf-tech/vppTeam/addTeamMemberBatch', formData).then((res) => {
-        if(res.data.code === 200){
-          this.$message({
-            message: 'Add Success!',
-            type: "success",
-          })
-        }
-      })
-    },
     //批量上传文件
     upLoadChange(file){
       this.file = file
@@ -69,9 +88,6 @@ export default {
         }
       }
     )
-  },
-  watch: {
-    
   }
 }
 </script>
@@ -325,9 +341,6 @@ export default {
 .el-select-dropdown {
   margin-top: 0 !important;
 }
-</style>
-
-<style lang="scss">
 .el-message--success {
   margin-top: 90px !important;
   background-color: #373A47 !important;
@@ -338,4 +351,10 @@ export default {
     color: #fff !important;
   }
 }
-</style>
+.el-message--error {
+  border-color: #ff5054 !important;
+  height: 36px;
+  min-width: auto !important;
+  padding: 12px !important;
+}
+</style>

src/views/TeamManagement/ManageMember/EditManageMember.vue

@@ -12,6 +12,7 @@ export default {
       email: '',
       dialogVisible: false,
       teamList: [],
+      click: true
     }
   },
   components:{Warning},
@@ -20,7 +21,6 @@ export default {
       if(this.formData.memberTeam.trim() === ''){
         return true
       } else if (this.formData.memberName.trim() === ''){
-        console.log(2)
         return true
       }else{
         return false
@@ -53,15 +53,22 @@ export default {
       urlencoded.append("memberId", this.$route.query.Id)
       urlencoded.append("teamId", this.formData.memberTeam)
       urlencoded.append("name", this.formData.memberName)
-      post('http://81.68.234.235:8032/pdf-tech/vppTeam/editTeamMember',urlencoded).then((res)=>{
-        if(res.data.code === 200){
-          this.dialogVisible = false
-          this.$message({
-            message: 'Change Success!',
-            type: "success",
-          })
-        }
-      })
+      if(this.click){
+        this.click = false
+        post('http://81.68.234.235:8032/pdf-tech/vppTeam/editTeamMember',urlencoded).then((res)=>{
+          //限制点击
+          setTimeout(() => {
+            this.click = true
+          }, 1000)
+          if(res.data.code === 200){
+            this.dialogVisible = false
+            this.$message({
+              message: 'Change Success!',
+              type: "success",
+            })
+          }
+        })
+      }
       
       // this.$router.push("/manage-member")
     }

src/views/TeamManagement/ManageTeam.vue

@@ -16,6 +16,8 @@ const queryString = ref('')
 const deleteTeamName = ref('')
 const deleteTeamId = ref('')
 const deleteTeamIndex = ref('')
+//限制用户点击
+let click = true
 
 //打开对话框
 const handleClick = (index, val) => {
@@ -41,6 +43,10 @@ function getManageTeamList() {
     teamId: teamId.value,
     keyword: queryString.value
   }).then((res) => {
+    //限制点击
+    setTimeout(() => {
+      click = true
+    }, 1000)
     if (res.data.code === 200) {
       tableData.value = res.data.result.list
       total.value = res.data.result.total
@@ -60,25 +66,33 @@ const getTeamList = () => {
 }
 // 团队管理列表导出
 function exportManageTeamList() {
-  downLoad('http://81.68.234.235:8032/pdf-tech/vppTeam/exportManageTeamList?teamId='+
-          teamId.value +
-          '&' +
-          'keyword=' +
-          queryString.value
-          ).then((res) => {
-            let url = window.URL.createObjectURL(new Blob([res.data], { type: '.xlsx' }))
-            let a= document.createElement('a')
-            a.style.display = 'none'
-            a.href = url
-            // 自定义文件名
-            a.setAttribute('download', `团队.xlsx`)
-             document.body.appendChild(a)
-             // 下载文件
-             a.click()
-             // 释放内存
-             url = window.URL.revokeObjectURL(url)
-             document.body.removeChild(a) 
-          })
+  if(click){
+    click = false
+    downLoad('http://81.68.234.235:8032/pdf-tech/vppTeam/exportManageTeamList?teamId='+
+            teamId.value +
+            '&' +
+            'keyword=' +
+            queryString.value
+            ).then((res) => {
+              //限制点击
+              setTimeout(() => {
+                click = true
+              }, 1000)
+              let url = window.URL.createObjectURL(new Blob([res.data], { type: '.xlsx' }))
+              let a= document.createElement('a')
+              a.style.display = 'none'
+              a.href = url
+              // 自定义文件名
+              a.setAttribute('download', `团队.xlsx`)
+               document.body.appendChild(a)
+               // 下载文件
+               a.click()
+               // 释放内存
+               url = window.URL.revokeObjectURL(url)
+               document.body.removeChild(a) 
+              }
+            )
+  }
 }
 // 删除
 function handleDelete() {
@@ -96,7 +110,10 @@ function handleDelete() {
 }
 //筛选
 const searchInfo = () => {
-  getManageTeamList()
+  if(click){
+    click = false
+    getManageTeamList()
+  }
 }
 onMounted(() => {
   let pageText = document.getElementsByClassName('el-pagination__jump')[0]

src/views/TeamManagement/ManageTeamOperate.vue

@@ -15,7 +15,8 @@ export default {
       },
       flag: '',
       adminOptions: [],
-      projectOptions: []
+      projectOptions: [],
+      click: true
     }
   },
   computed: {
@@ -55,17 +56,24 @@ export default {
   methods: {
     // 提交表单
     submitForm () {
-      let emptyFlag = true
-      let productArr = []
-      for (const item of this.formData.productList) {
-        productArr.push(item['productId'])
-      }
-      emptyFlag = productArr.includes('')
-      if (this.formData.teamName.trim() === '' || emptyFlag) {
-        this.$message.error('Missing required information')
-      } else {
-        if (this.flag === 'create') this.createTeam()
-        if (this.flag === 'edit') this.editTeam()
+      if(this.click){
+        this.click = false
+        let emptyFlag = true
+        let productArr = []
+        for (const item of this.formData.productList) {
+          productArr.push(item['productId'])
+        }
+        emptyFlag = productArr.includes('')
+        if (this.formData.teamName.trim() === '' || emptyFlag) {
+          this.$message.error('Missing required information')
+          //限制点击
+          setTimeout(() => {
+            this.click = true
+          }, 3000)
+        } else {
+          if (this.flag === 'create') this.createTeam()
+          if (this.flag === 'edit') this.editTeam()
+        }
       }
     },
     // 重置表单
@@ -95,6 +103,10 @@ export default {
         }
       })
       postWithHeader('http://81.68.234.235:8032/pdf-tech/vppTeam/createTeam', JSON.stringify(this.formData)).then((res) => {
+        //限制点击
+        setTimeout(() => {
+          this.click = true
+        }, 1000)
         if (res.data.code === 200) {
           this.$message('Change Success')
           this.$router.push({name:'ManageTeam'})
@@ -111,6 +123,10 @@ export default {
         }
       })
       putWithHeader('http://81.68.234.235:8032/pdf-tech/vppTeam/editTeam', JSON.stringify(this.formData)).then((res) => {
+        //限制点击
+        setTimeout(() => {
+          this.click = true
+        }, 1000)
         if (res.data.code === 200) {
           this.$message('Change Success')
           this.$router.push({name:'ManageTeam'})