From a78c20ec5971ba659696f31f04300cf73614fc73 Mon Sep 17 00:00:00 2001
From: juzi <819872918@qq.com>
Date: Fri, 6 Jan 2023 11:08:41 +0800
Subject: [PATCH] =?UTF-8?q?table=E9=BB=98=E8=AE=A4border,css=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  2 +-
 src/components/BaseDialog/index.vue           | 56 +++++++-------
 src/components/BaseTable/index.vue            | 74 ++++++++++---------
 .../BaseTable/subcomponents/InputArea.vue     |  2 +-
 src/components/Pagination/index.vue           | 36 +++++----
 src/components/SearchBar/SearchBar.vue        | 44 ++++++-----
 6 files changed, 105 insertions(+), 109 deletions(-)

diff --git a/package.json b/package.json
index 284c59a..f41ae59 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "code-brick-zj",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "private": false,
   "description": "组件封装",
   "main": "index.js"
diff --git a/src/components/BaseDialog/index.vue b/src/components/BaseDialog/index.vue
index 3bdb684..ae68319 100644
--- a/src/components/BaseDialog/index.vue
+++ b/src/components/BaseDialog/index.vue
@@ -66,34 +66,32 @@ export default {
   }
 }
 </script>
-<style lang="scss">
-.baseDialog {
-  .el-dialog__header {
-    font-size: 16px;
-    color: rgba(0, 0, 0, 0.85);
-    font-weight: 500;
-    padding: 13px 24px;
-    border-bottom: 1px solid #e9e9e9;
-    .titleStyle::before{
-      content: '';
-      display: inline-block;
-      width: 4px;
-      height: 16px;
-      background-color: #0B58FF;
-      border-radius: 1px;
-      margin-right: 8px;
-      position: relative;
-      top: 2px;
-    }
-  }
-  .el-dialog__body {
-    padding-left: 24px;
-    padding-right: 24px;
-  }
-  .btnTextStyle {
-    letter-spacing:6px;
-    padding: 9px 10px 9px 16px;
-    font-size: 14px;
-  }
+<style>
+.baseDialog .el-dialog__header {
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 500;
+  padding: 13px 24px;
+  border-bottom: 1px solid #e9e9e9;
+}
+.baseDialog .el-dialog__header .titleStyle::before{
+  content: '';
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  background-color: #0B58FF;
+  border-radius: 1px;
+  margin-right: 8px;
+  position: relative;
+  top: 2px;
+}
+.baseDialog .el-dialog__body {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+.baseDialog .btnTextStyle {
+  letter-spacing:6px;
+  padding: 9px 10px 9px 16px;
+  font-size: 14px;
 }
 </style>
diff --git a/src/components/BaseTable/index.vue b/src/components/BaseTable/index.vue
index 2810178..030586d 100644
--- a/src/components/BaseTable/index.vue
+++ b/src/components/BaseTable/index.vue
@@ -4,6 +4,7 @@
       :ref="id"
       :data="renderData"
       v-bind="$attrs"
+      :border="cancelBorder ? false : true"
       @current-change="currentChange"
       @selection-change="handleSelectionChange"
       style="width: 100%"
@@ -116,6 +117,10 @@ export default {
     }
   },
   props: {
+    cancelBorder: {
+      type: Boolean,
+      default: false
+    },
     tableData: {
       type: Array,
       required: true,
@@ -204,45 +209,42 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
-.baseTable {
-  .show-col-btn {
-    margin-right: 5px;
-    line-height: inherit;
-    cursor: pointer;
-  }
-  .el-icon-refresh {
-    cursor: pointer;
-  }
+<style scoped>
+.baseTable .show-col-btn {
+  margin-right: 5px;
+  line-height: inherit;
+  cursor: pointer;
+}
+.baseTable .el-icon-refresh {
+  cursor: pointer;
 }
 </style>
-<style lang="scss">
-.baseTable {
-  .el-table__body tr.current-row>td.el-table__cell {
-      background-color: #EAF1FC;
-  }
-  .el-table .el-table__cell {
-    padding: 0;
-    height: 35px;
-  }
-  .addButton {
-    width: 100%;
-    height: 35px;
-    border-top: none;
-    color: #0b58ff;
-    border-color: #ebeef5;
-    border-radius: 0;
-  }
-  .addButton:hover {
-    color: #0b58ff;
-    border-color: #ebeef5;
-    background-color: #fff;
-  }
-  .addButton:focus {
-    border-color: #ebeef5;
-    background-color: #fff;
-  }
+<style>
+.baseTable .el-table__body tr.current-row>td.el-table__cell {
+    background-color: #EAF1FC;
 }
+.baseTable .el-table .el-table__cell {
+  padding: 0;
+  height: 35px;
+}
+.baseTable .addButton {
+  width: 100%;
+  height: 35px;
+  border-top: none;
+  color: #0b58ff;
+  border-color: #ebeef5;
+  border-radius: 0;
+}
+.baseTable .addButton:hover {
+  color: #0b58ff;
+  border-color: #ebeef5;
+  background-color: #fff;
+}
+.baseTable .addButton:focus {
+  border-color: #ebeef5;
+  background-color: #fff;
+}
+
 .el-tooltip__popper.is-dark {
   background: rgba(0, 0, 0, 0.6) !important;
 }
diff --git a/src/components/BaseTable/subcomponents/InputArea.vue b/src/components/BaseTable/subcomponents/InputArea.vue
index 1389448..7e51816 100644
--- a/src/components/BaseTable/subcomponents/InputArea.vue
+++ b/src/components/BaseTable/subcomponents/InputArea.vue
@@ -28,7 +28,7 @@ export default {
   }
 }
 </script>
-<style lang="css">
+<style>
 .tableInner .el-input__inner {
   border: none;
   padding: 0;
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 2a931a7..1b4333d 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -77,28 +77,26 @@ export default {
   text-align: right;
 }
 </style>
-<style lang='scss'>
-.pagination-container {
-  .el-pagination {
-    position: relative;
-  }
+<style>
+.pagination-container .el-pagination {
+  position: relative;
+}
 
-  .el-pagination__jump {
-    margin-left: 125px;
-  }
+.pagination-container .el-pagination__jump {
+  margin-left: 125px;
+}
 
-  .el-pagination__sizes {
-    position: absolute;
-    right: 100px;
-  }
+.pagination-container .el-pagination__sizes {
+  position: absolute;
+  right: 100px;
+}
 
-  .el-pager li.active {
-    background-color: #0b58ff;
-    color: #fff;
-  }
+.pagination-container .el-pager li.active {
+  background-color: #0b58ff;
+  color: #fff;
+}
 
-  .el-input--mini .el-input__inner {
-    height: 22px;
-  }
+.pagination-container .el-input--mini .el-input__inner {
+  height: 22px;
 }
 </style>
diff --git a/src/components/SearchBar/SearchBar.vue b/src/components/SearchBar/SearchBar.vue
index 5a62ea3..c422afa 100644
--- a/src/components/SearchBar/SearchBar.vue
+++ b/src/components/SearchBar/SearchBar.vue
@@ -231,28 +231,26 @@ export default {
   }
 }
 </script>
-<style lang="scss">
-.searchBar {
-  .blue-block {
-    float: left;
-    display: inline-block;
-    width: 4px;
-    height: 16px;
-    background-color: #0B58FF;
-    border-radius: 1px;
-    margin-right: 8px;
-    margin-top: 12px;
-  }
-  .el-form-item {
-    margin-bottom: 10px;
-  }
-  .el-date-editor .el-range__icon {
-    font-size: 16px;
-    color:#0B58FF;
-  }
-  .el-input__prefix .el-icon-date {
-    font-size: 16px;
-    color:#0B58FF;
-  }
+<style>
+.searchBar .blue-block {
+  display: inline-block;
+  float: left;
+  width: 4px;
+  height: 16px;
+  background-color: #0B58FF;
+  border-radius: 1px;
+  margin-right: 8px;
+  margin-top: 12px;
+}
+.searchBar .el-form-item {
+  margin-bottom: 10px;
+}
+.searchBar .el-date-editor .el-range__icon {
+  font-size: 16px;
+  color:#0B58FF;
+}
+.searchBar .el-input__prefix .el-icon-date {
+  font-size: 16px;
+  color:#0B58FF;
 }
 </style>