提取公共组件UI

src/assets/style/element-variables.scss

@@ -84,6 +84,26 @@ li.el-menu-item,
 .el-pagination {
   padding: 20px 0;
 }
+.el-pagination::v-deep button {
+  color: #232a40;
+  background-color: #e7eaee !important;
+}
+
+.el-pagination::v-deep ul > li {
+  color: #232a40;
+  border-radius: 4px;
+  margin-left: 6px;
+  font-weight: normal !important;
+  min-width: 24px !important;
+  height: 24px !important;
+  background-color: #fff;
+}
+
+.el-pagination::v-deep ul > .active {
+  color: #232a40 !important;
+  background-color: #c6c9cc !important;
+}
+
 // ToolTip
 .el-tooltip__popper.is-dark {
   padding: 2px 8px;
@@ -98,4 +118,67 @@ li.el-menu-item,
 }
 .el-tooltip__popper {
   margin-top: 0 !important;
+}
+.el-message{
+  top: 20px !important;
+}
+.el-message--success {
+  // margin-top: 90px !important;
+  background-color: #373A47 !important;
+  height: 36px;
+  min-width: auto !important;
+  padding: 12px !important;
+  p{
+    color: #fff !important;
+  }
+}
+.el-message--error {
+  border-color: #ff5054 !important;
+  height: 36px;
+  min-width: auto !important;
+  padding: 12px !important;
+}
+.el-dialog {
+  border-radius: 8px !important;
+  .el-dialog__header {
+    display: none !important;
+  }
+  .el-dialog__body {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    text-align: center !important;
+    padding: 24px !important;
+  }
+  .el-dialog__footer {
+    padding: 0 24px 24px !important;
+    .el-button {
+      width: 133px !important;
+      height: 32px !important;
+      padding: 0 !important;
+      &.el-button--default {
+        border-color: #1460F3 !important;
+        span {
+          color: #1460F3 !important;
+        }
+      }
+      span {
+        line-height: 20px !important;
+      }
+    }
+    .el-button + .el-button {
+      margin-left: 8px !important;
+    }
+  }
+}
+.popper__arrow {
+  display: none !important;
+}
+.el-select-dropdown{
+  margin-top: 0px !important;
+}
+.el-select ::v-deep .el-tag {
+  color: #505258 !important;
+  border: 1px solid #8D9CB9 !important;
+  background-color: #EEF4FF !important;
 }

src/components/sideMenu.vue

@@ -38,7 +38,7 @@ export default {
     logout(){
       get('/pdf-tech/logout').then((res)=>{
         if (res.data.code === 200 && res.data.msg == 'success') {
-          this.$router.push('login')
+          this.$router.push('/login')
         }
       })
       this.$cookies.remove('accessToken')

src/views/Assignlicense.vue

@@ -405,14 +405,6 @@ export default {
   padding: 0;
   margin-left: 8px;
 }
-.el-select-dropdown::v-deep .popper__arrow {
-  display: none;
-}
-.el-select ::v-deep .el-tag {
-  color: #505258 !important;
-  border: 1px solid #8D9CB9 !important;
-  background-color: #EEF4FF !important;
-}
 </style>
 
 <style lang="scss">
@@ -422,26 +414,4 @@ export default {
   color: #8D9CB9 !important;
   background-color: #EEF4FF !important;
 }
-.popper__arrow {
-  display: none !important;
-}
-.el-select-dropdown {
-  margin-top: 0 !important;
-}
-.el-message--error {
-  border-color: #ff5054 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-}
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
 </style>

src/views/Create.vue

@@ -462,56 +462,5 @@ export default {
   height: 14px;
   cursor: pointer;
 }
-.is-error {
-  display: block;
-}
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460f3;
-        span {
-          color: #1460f3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
 </style>
 
-<style lang="scss">
-.el-message--error {
-  border-color: #ff5054 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-}
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-</style>

src/views/Device.vue

@@ -287,7 +287,7 @@ export default {
             >
               {{scope.row.status}}
             </button>
-            <el-dialog :visible.sync="dialogVisible" width="376">
+            <el-dialog :visible.sync="dialogVisible" width="376px" top="30vh" center :show-close="false">
               <Warning />
               <span class="mt-16px">Sure unactive the device?</span>
               <p class="leading-24px text-16px text-[#232A40] font-bold">
@@ -332,80 +332,25 @@ export default {
 </template>
 
 <style lang="scss" scoped>
+select option:checked {
+    color: #000 !important;
+}
 .el-table__header-wrapper::v-deep .el-table__header {
   display: flex;
   width: 1100px !important;
 }
+
 .el-table__header {
   display: flex;
   width: 1100px !important;
 }
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
+
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
 }
+
 .el-table::v-deep thead {
   color: #000 !important;
 }
 </style>
-
-<style lang="scss">
-.el-dialog {
-  width: 376px;
-  height: 264px;
-  box-shadow: none;
-  border-radius: 8px;
-}
-.el-dialog > .el-dialog__body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 0 0 20px;
-}
-.el-dialog > .el-dialog__footer {
-  padding: 0 20px 20px;
-  span {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    .el-button--default {
-      border-color: #1460f3;
-      color: #1460f3;
-    }
-    .el-button {
-      width: 132px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-</style>

src/views/LicenseManage.vue

@@ -210,6 +210,7 @@ const searchInfo = (val) => {
               ml-12px
               rounded-4px
               text-[#fff]
+              hover:opacity-80
             "
           >
             Assign License
@@ -228,6 +229,7 @@ const searchInfo = (val) => {
               ml-12px
               rounded-4px
               text-[#fff]
+              hover:opacity-80
             "
           >
             Volume Cancel
@@ -310,7 +312,7 @@ const searchInfo = (val) => {
             >
               {{ scope.row.validFlag === 'Canceled' ? 'Canceled' : 'Cancel'}}
             </button>
-            <el-dialog title="" :visible.sync="dialogVisible" width="376">
+            <el-dialog :visible.sync="dialogVisible" width="376px" top="30vh" center :show-close="false">
               <Warning />
               <p class="mt-16px">Sure cancel the license?</p>
               <p>
@@ -335,7 +337,7 @@ const searchInfo = (val) => {
         :page-sizes="[5, 10, 20]"
         :page-size="size"
         :background="true"
-        layout="sizes, prev, pager, next, jumper"
+        layout="prev, pager, next, sizes, jumper"
         :total="total"
         class="px-24px !rounded-0 rounded-b-8px mt-20px flex justify-end"
       >
@@ -349,76 +351,19 @@ const searchInfo = (val) => {
   display: flex;
   width: 1100px !important;
 }
+
 .el-table__header {
   display: flex;
   width: 1100px !important;
 }
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
+
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
 }
+
 .el-table::v-deep thead {
   color: #000 !important;
 }
 </style>
 
-<style lang="scss">
-.el-dialog {
-  width: 376px;
-  height: 214px;
-  box-shadow: none;
-  border-radius: 8px;
-}
-.el-dialog > .el-dialog__body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 0 0 20px;
-}
-.el-dialog > .el-dialog__footer {
-  padding: 0 20px 20px;
-  span {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    .el-button--default {
-      border-color: #1460f3;
-      color: #1460f3;
-    }
-    .el-button {
-      width: 132px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-</style>

src/views/Login.vue

@@ -115,12 +115,14 @@ export default {
                 res.data.code === 306 &&
                 res.data.msg === '账号或者密码错误'
               ) {
+                console.log(1234)
                 this.passwordError = true
                 this.ruleForm.password = ''
                 this.$message.error({
                   duration: 5000,
                   message: 'Please Check your password'
                 })
+                console.log(12345)
               } else if (
                 res.data.code === 302 &&
                 res.data.msg === 'Please Create your Account first'
@@ -129,7 +131,8 @@ export default {
                 this.passwordError = true
                 this.ruleForm.password = ''
                 this.ruleForm.email = ''
-                this.$message.error({
+                this.$message({
+                  type: 'error',
                   duration: 5000,
                   message: 'Please Create your Account first'
                 })
@@ -273,21 +276,3 @@ export default {
 }
 </style>
 
-<style lang="scss">
-.el-message--error {
-  border-color: #ff5054 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-}
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-</style>

src/views/ManageAdmin.vue

@@ -61,7 +61,17 @@ const pagingQuery = () => {
       click = true
     }, 1000)
     if(res.data.code === 200){
-      tableData.value = res.data.result.list
+      const data = res.data.result.list
+      for (let i = 0; i < data.length; i++) {
+        if (data[i].memberRole ?.indexOf("1") !== -1) {
+          data[i].memberRole = 'Super admin'
+        } else if (data[i].memberRole ?.indexOf("2") !== -1) {
+          data[i].memberRole = 'Team admin'
+        } else {
+          data[i].memberRole = 'Team member'
+        }
+      }
+      tableData.value = data
       total.value = res.data.result.total
     }
   })
@@ -138,6 +148,7 @@ const handleCurrentChange = (val) => {
               ml-12px
               rounded-4px
               text-[#fff]
+              hover:opacity-80
             "
           >
             Add Admin
@@ -223,7 +234,7 @@ const handleCurrentChange = (val) => {
                 Delete
               </button>
             </div>
-            <el-dialog title="" :visible.sync="dialogVisible" width="376">
+            <el-dialog title="" :visible.sync="dialogVisible" width="376px" top="30vh" center :show-close="false">
               <Warning />
               <p class="mt-16px">Sure Delete Team admin?</p>
               <p>
@@ -258,67 +269,23 @@ const handleCurrentChange = (val) => {
 </template>
 
 <style lang="scss" scoped>
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
+}
+
 .el-table__header-wrapper::v-deep .el-table__header {
   display: flex;
   width: 1100px !important;
 }
+
 .el-table__header {
   display: flex;
   width: 1100px !important;
 }
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
-}
+
 .el-table::v-deep thead {
   color: #000 !important;
 }
 </style>
 
-<style lang="scss">
-.el-dialog {
-  width: 376px;
-  height: 214px;
-  box-shadow: none;
-  border-radius: 8px;
-}
-.el-dialog > .el-dialog__body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 0 0 20px;
-}
-.el-dialog > .el-dialog__footer {
-  padding: 0 20px 20px;
-  span {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    .el-button--default {
-      border-color: #1460f3;
-      color: #1460f3;
-    }
-    .el-button {
-      width: 132px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>

src/views/MenageAdmin/addAdmin.vue

@@ -202,59 +202,4 @@ export default {
   padding: 0;
   margin-left: 8px;
 }
-.el-select-dropdown::v-deep .popper__arrow {
-  display: none;
-}
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460F3;
-        span {
-          color: #1460F3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
 </style>
-
-<style lang="scss">
-.popper__arrow {
-  display: none !important;
-}
-.el-select-dropdown {
-  margin-top: 0 !important;
-}
-</style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373A47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p{
-    color: #fff !important;
-  }
-}
-</style>

src/views/MenageAdmin/editAdmin.vue

@@ -165,51 +165,9 @@ export default {
     font-weight: bold;
   }
 }
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460F3;
-        span {
-          color: #1460F3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
+
 ::v-deep .el-input.is-disabled .el-input__inner {
   background: #D9D9D9;
   color: #232A40;
 }
 </style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373A47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p{
-    color: #fff !important;
-  }
-}
-</style>

src/views/ProductManagement.vue

@@ -153,24 +153,9 @@ const handleCurrentChange = (value) => {
   width: 1100px !important;
 }
 
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
 }
 
 .el-table::v-deep thead {
@@ -178,42 +163,3 @@ const handleCurrentChange = (value) => {
 }
 </style>
 
-<style lang="scss">
-.el-dialog {
-  width: 376px;
-  height: 264px;
-  box-shadow: none;
-  border-radius: 8px;
-}
-
-.el-dialog > .el-dialog__body {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 0 0 20px;
-}
-
-.el-dialog > .el-dialog__footer {
-  padding: 0 20px 20px;
-
-  span {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-
-    .el-button--default {
-      border-color: #1460f3;
-      color: #1460f3;
-    }
-
-    .el-button {
-      width: 132px;
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-</style>

src/views/Settings.vue

@@ -372,15 +372,3 @@ export default {
 }
 </style>
 
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-</style>

src/views/TeamManagement/ManageMember.vue

@@ -193,6 +193,7 @@ onMounted(() => {
               font-400
               text-[#fff]
               cursor-pointer
+              hover:opacity-80
             "
           >
             Add Member
@@ -331,6 +332,7 @@ onMounted(() => {
       title=""
       :visible.sync="dialogVisible"
       width="376px"
+      top="30vh"
       center
       :show-close="false"
     >
@@ -360,63 +362,23 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
-}
 .el-table::v-deep thead {
   color: #000 !important;
 }
+
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
+}
+
 ::v-deep .input-with-select .el-input__inner {
   padding: 0 20px 0 8px;
   border-color: #d9d9d9;
 }
+
 ::v-deep .input-with-select .el-input__inner::placeholder {
   font-size: 14px;
   font-weight: 400;
   color: #808185;
 }
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460f3;
-        span {
-          color: #1460f3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
 </style>

src/views/TeamManagement/ManageMember/AddManageMember.vue

@@ -352,20 +352,4 @@ export default {
 .el-select-dropdown {
   margin-top: 0 !important;
 }
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373A47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p{
-    color: #fff !important;
-  }
-}
-.el-message--error {
-  border-color: #ff5054 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-}
 </style>

src/views/TeamManagement/ManageMember/EditManageMember.vue

@@ -16,17 +16,6 @@ export default {
     }
   },
   components:{Warning},
-  computed: {
-    isButtonDisable(){
-      if(this.formData.memberTeam.trim() === ''){
-        return true
-      } else if (this.formData.memberName.trim() === ''){
-        return true
-      }else{
-        return false
-      }
-    }
-  },
   created () {
     if (!Object.keys(this.$route.query).length) {
       return
@@ -123,10 +112,8 @@ export default {
             <div class="w-152px h-40px border-1 border-[#1460F3] rounded-8px text-center text-16px text-[#1460F3] font-700 leading-40px mr-16px"
               @click="resetForm('formData')">Cancel</div>
           </router-link>
-          <div :class="isButtonDisable ? 'cursor-not-allowed' : 'cursor-pointer'">
-            <div class="w-152px h-40px border-1 border-[#1460F3] rounded-8px bg-[#1460F3] text-center text-16px text-[#fff] font-700 leading-40px"
-              :class="isButtonDisable ? 'opacity-20 pointer-events-none' : 'hover:bg-[#3776f2]'"
-              @click="submitForm()">Save</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"
+            @click="submitForm()">Save
           </div>
         </div> 
       </el-form>
@@ -193,51 +180,4 @@ export default {
     font-weight: bold;
   }
 }
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460F3;
-        span {
-          color: #1460F3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
-::v-deep .el-input.is-disabled .el-input__inner {
-  background: #D9D9D9;
-  color: #232A40;
-}
 </style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373A47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p{
-    color: #fff !important;
-  }
-}
-</style>

src/views/TeamManagement/ManageTeam.vue

@@ -69,29 +69,29 @@ function exportManageTeamList() {
   if(click){
     click = false
     downLoad('/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) 
-              }
-            )
+      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) 
+      }
+    )
   }
 }
 // 删除
@@ -174,6 +174,7 @@ onMounted(() => {
               font-400
               text-[#fff]
               cursor-pointer
+              hover:opacity-80
             "
           >
             Create Team
@@ -280,6 +281,7 @@ onMounted(() => {
       title=""
       :visible.sync="dialogVisible"
       width="376px"
+      top="30vh"
       center
       :show-close="false"
     >
@@ -311,63 +313,23 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
-.el-pagination::v-deep button {
-  color: #232a40;
-  background-color: #e7eaee !important;
-}
-.el-pagination::v-deep ul > li {
-  color: #232a40;
-  border-radius: 4px;
-  margin-left: 6px;
-  font-weight: normal !important;
-  min-width: 24px !important;
-  height: 24px !important;
-  background-color: #fff;
-}
-.el-pagination::v-deep ul > .active {
-  color: #232a40 !important;
-  background-color: #c6c9cc !important;
-}
 .el-table::v-deep thead {
   color: #000 !important;
 }
+
+.el-table::v-deep .el-table__cell{
+  padding-right: 20px !important;
+  padding-left: 20px !important;
+}
+
 ::v-deep .input-with-select .el-input__inner {
   padding: 0 20px 0 8px;
   border-color: #d9d9d9;
 }
+
 ::v-deep .input-with-select .el-input__inner::placeholder {
   font-size: 14px;
   font-weight: 400;
   color: #808185;
 }
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460f3;
-        span {
-          color: #1460f3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
 </style>

src/views/TeamManagement/ManageTeamOperate.vue

@@ -302,34 +302,4 @@ export default {
     font-weight: bold;
   }
 }
-::v-deep .el-dialog {
-  border-radius: 8px;
-  .el-dialog__header {
-    display: none;
-  }
-  .el-dialog__body {
-    text-align: center;
-    padding: 24px;
-  }
-  .el-dialog__footer {
-    padding: 0 24px 24px;
-    .el-button {
-      width: 133px;
-      height: 32px;
-      padding: 0;
-      &.el-button--default {
-        border-color: #1460F3;
-        span {
-          color: #1460F3;
-        }
-      }
-      span {
-        line-height: 20px;
-      }
-    }
-    .el-button + .el-button {
-      margin-left: 8px;
-    }
-  }
-}
 </style>

src/views/VolumeCancel.vue

@@ -144,9 +144,6 @@ export default {
   padding: 0;
   margin-left: 8px;
 }
-.el-select-dropdown::v-deep .popper__arrow {
-  display: none;
-}
 ::v-deep .el-upload__text{
   margin: 70px 0;
   color: #808185;
@@ -162,22 +159,3 @@ export default {
   width: 50%;
 }
 </style>
-
-<style lang="scss">
-.popper__arrow {
-  display: none !important;
-}
-.el-select-dropdown {
-  margin-top: 0 !important;
-}
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373A47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p{
-    color: #fff !important;
-  }
-}
-</style>

src/views/forgotpassword.vue

@@ -137,26 +137,4 @@ export default {
   border-bottom: 1px solid #d9d9d9 !important;
   border-radius: 0 !important;
 }
-.is-error {
-  display: block;
-}
 </style>
-
-<style lang="scss">
-.el-message--success {
-  margin-top: 90px !important;
-  background-color: #373a47 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-  p {
-    color: #fff !important;
-  }
-}
-.el-message--error {
-  border-color: #ff5054 !important;
-  height: 36px;
-  min-width: auto !important;
-  padding: 12px !important;
-}
-</style>