agilebuilder-ui 1.1.22 → 1.1.23

package/src/styles/theme/green/index.scss

@@ -30,6 +30,10 @@
     font-family: Source Han Sans CN;
   }
 
+  .el-dialog__body {
+    padding: 10px 10px;
+  }
+
   .fl {
     float: left;
   }
@@ -93,6 +97,10 @@
   }
 
   .app-container {
+    padding: var(--app-container-padding, 20px);
+    background: #FFFFFF;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
 
     .box-card {
       margin: 0px 0px 0px 0px;
@@ -120,6 +128,10 @@
     }
   }
 
+  .operation-area {
+    margin-bottom: 20px;
+  }
+
   /**
    * @description: 工具栏布局
    * @Date: 2023-07-17 15:48:04
@@ -135,6 +147,12 @@
     }
   }
 
+  .operation-area-chart {
+    padding-right: 24px;
+    padding-top: 24px;
+    text-align: right;
+  }
+
   // 解决tab页签中内容多时没有滚动条问题
   .el-tabs__content {
     flex-grow: 1;
@@ -191,6 +209,21 @@
     padding: 0;
   }
 
+  /**表格内容纵向分隔线去掉**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    border-right: 0px
+  }
+
+  /**表格标题纵向分隔线颜色调浅点儿**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table--border th.is-leaf,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    border-right: 1px solid #fefefe;
+  }
+
   .selectPeopleClass {
     color: #313233;
     font-family: Source Han Sans CN;
@@ -205,6 +238,33 @@
     margin-left: 10px;
   }
 
+  // .el-main {
+  //   padding: 0px;
+  // }
+
+  // .el-aside {
+  //   margin-right: 20px;
+  // }
+
+  // .three-column-layout {
+  //   height: calc(100vh - 20px);
+
+  //   .el-aside {
+  //   margin-right: 20px;
+  //     padding-top: 20px;
+  //     background-color: #FFFFFF;
+  //     box-shadow: 0px 1px 8px 0px #00000019;
+
+  //   }
+
+  // .el-main {
+  //   padding: 20px 0 0 20px;
+  //   border-radius: 6px;
+  //   background: #FFFFFF;
+  //   box-shadow: 0px 1px 8px 0px #00000019;
+  // }
+  // }
+
   // 清除 app-container 类样式
   .clear_app_container {
     padding: 0;

package/src/styles/theme/green/sidebar.scss

@@ -11,6 +11,11 @@
       // padding-left: 24px;
       position: relative;
       background: #F8F9FA;
+
+      .nav-tab {
+        padding-top: 5px;
+        padding-left: 5px;
+      }
     }
 
     // 侧边栏

package/src/styles/theme/ocean-blue/button.scss

@@ -13,6 +13,16 @@
     }
   }
 
+  .el-button--primary {
+    border-radius: 4px;
+    background: $--button-primary-btn-color;
+    border-color: $--button-primary-btn-color;
+  }
+
+  .el-button.el-button--primary:hover{
+    background-color: $--color-button-hover;
+  }
+
   .button--default {
     border-radius: 4px;
     border-color: $--color-primary;

package/src/styles/theme/ocean-blue/index.scss

@@ -30,6 +30,10 @@
     font-family: Source Han Sans CN;
   }
 
+  .el-dialog__body {
+    padding: 10px 10px;
+  }
+
   .fl {
     float: left;
   }
@@ -93,6 +97,10 @@
   }
 
   .app-container {
+    padding: var(--app-container-padding, 20px);
+    background: #FFFFFF;
+    border-radius: 6px;
+    box-shadow: 0px 1px 8px 0px #00000019;
 
     .box-card {
       margin: 0px 0px 0px 0px;
@@ -120,6 +128,10 @@
     }
   }
 
+  .operation-area {
+    margin-bottom: 20px;
+  }
+
   /**
    * @description: 工具栏布局
    * @Date: 2023-07-17 15:48:04
@@ -135,6 +147,12 @@
     }
   }
 
+  .operation-area-chart {
+    padding-right: 24px;
+    padding-top: 24px;
+    text-align: right;
+  }
+
   // 解决tab页签中内容多时没有滚动条问题
   .el-tabs__content {
     flex-grow: 1;
@@ -191,6 +209,21 @@
     padding: 0;
   }
 
+  /**表格内容纵向分隔线去掉**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    border-right: 0px
+  }
+
+  /**表格标题纵向分隔线颜色调浅点儿**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table--border th.is-leaf,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    border-right: 1px solid #fefefe;
+  }
+
   .selectPeopleClass {
     color: #313233;
     font-family: Source Han Sans CN;
@@ -205,6 +238,33 @@
     margin-left: 10px;
   }
 
+  // .el-main {
+  //   padding: 0px;
+  // }
+
+  // .el-aside {
+  //   margin-right: 20px;
+  // }
+
+  // .three-column-layout {
+  //   height: calc(100vh - 20px);
+
+  //   .el-aside {
+  //   margin-right: 20px;
+  //     padding-top: 20px;
+  //     background-color: #FFFFFF;
+  //     box-shadow: 0px 1px 8px 0px #00000019;
+
+  //   }
+
+  // .el-main {
+  //   padding: 20px 0 0 20px;
+  //   border-radius: 6px;
+  //   background: #FFFFFF;
+  //   box-shadow: 0px 1px 8px 0px #00000019;
+  // }
+  // }
+
   // 清除 app-container 类样式
   .clear_app_container {
     padding: 0;

package/src/styles/theme/ocean-blue/sidebar.scss

@@ -11,6 +11,11 @@
       // padding-left: 24px;
       position: relative;
       background: #F8F9FA;
+
+      .nav-tab {
+        padding-top: 5px;
+        padding-left: 5px;
+      }
     }
 
     // 侧边栏

package/src/styles/theme/tiffany-blue-mobile/button.scss

@@ -13,6 +13,16 @@
     }
   }
 
+  .el-button--primary {
+    border-radius: 4px;
+    background: $--button-primary-btn-color;
+    border-color: $--button-primary-btn-color;
+  }
+
+  .el-button.el-button--primary:hover {
+    background-color: $--color-button-hover;
+  }
+
   .button--default {
     border-radius: 4px;
     border-color: $--color-primary;

package/src/styles/theme/tiffany-blue-mobile/index.scss

@@ -34,6 +34,10 @@
     font-family: Source Han Sans CN;
   }
 
+  .el-dialog__body {
+    padding: 10px 10px;
+  }
+
   .fl {
     float: left;
   }
@@ -97,6 +101,10 @@
   }
 
   .app-container {
+    padding: var(--app-container-padding, 20px);
+    background: #FFFFFF;
+    border-radius: 6px;
+    box-shadow: 0 1px 8px 0 #00000019;
 
     .box-card {
       margin: 0 0 0 0;
@@ -124,6 +132,10 @@
     }
   }
 
+  .operation-area {
+    margin-bottom: 20px;
+  }
+
   /**
    * @description: 工具栏布局
    * @Date: 2023-07-17 15:48:04
@@ -201,6 +213,21 @@
     padding: 0;
   }
 
+  /**表格内容纵向分隔线去掉**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+    border-right: 0;
+  }
+
+  /**表格标题纵向分隔线颜色调浅点儿**/
+  .el-table--border td,
+  .el-table--border th,
+  .el-table--border th.is-leaf,
+  .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
+    border-right: 1px solid #fefefe;
+  }
+
   .selectPeopleClass {
     color: #313233;
     font-family: Source Han Sans CN;
@@ -215,6 +242,33 @@
     margin-left: 10px;
   }
 
+  // .el-main {
+  //   padding: 0px;
+  // }
+
+  // .el-aside {
+  //   margin-right: 20px;
+  // }
+
+  // .three-column-layout {
+  //   height: calc(100vh - 20px);
+
+  //   .el-aside {
+  //   margin-right: 20px;
+  //     padding-top: 20px;
+  //     background-color: #FFFFFF;
+  //     box-shadow: 0px 1px 8px 0px #00000019;
+
+  //   }
+
+  // .el-main {
+  //   padding: 20px 0 0 20px;
+  //   border-radius: 6px;
+  //   background: #FFFFFF;
+  //   box-shadow: 0px 1px 8px 0px #00000019;
+  // }
+  // }
+
   // 清除 app-container 类样式
   .clear_app_container {
     padding: 0;

package/src/styles/theme/tiffany-blue-mobile/sidebar.scss

@@ -11,6 +11,11 @@
       // padding-left: 24px;
       position: relative;
       background: #F8F9FA;
+
+      .nav-tab {
+        padding-top: 5px;
+        padding-left: 5px;
+      }
     }
 
     // 侧边栏

package/src/views/dsc-component/tabs/tab-content.vue

@@ -1,32 +1,35 @@
 <template>
-  <el-tabs v-if="openTab && openTab.length > 0"
-    v-model="activeIndex"
-    class="nav-tab menu-tab-container"
-    closable
-    @tab-remove="closeSelectedTag"
-  >
-    <el-tab-pane
-      v-for="tag in openTab"
-      :key="tag.code"
-      :label="tag.name"
-      :name="tag.code"
+  <div>
+    <el-tabs
+      v-if="openTab && openTab.length > 0"
+      v-model="activeIndex"
+      class="nav-tab menu-tab-container"
+      closable
+      @tab-remove="closeSelectedTag"
     >
-      <iframe
-        ref="tabMainContent"
-        :src="getFullPath(tag)"
-        class="tab-main-content"
-        name="tab-main-content"
-        frameborder="0"
-      />
-    </el-tab-pane>
-  </el-tabs>
-  <div v-else class="default-page-tip">
-    <div class="default-page-tip-msg">
-      <div class="default-page-tip-item">
-        {{ defaultPageTipCn }}
-      </div>
-      <div class="default-page-tip-item">
-        {{ defaultPageTipEn }}
+      <el-tab-pane
+        v-for="tag in openTab"
+        :key="tag.code"
+        :label="tag.name"
+        :name="tag.code"
+      >
+        <iframe
+          ref="tabMainContent"
+          :src="getFullPath(tag)"
+          class="tab-main-content"
+          name="tab-main-content"
+          frameborder="0"
+        />
+      </el-tab-pane>
+    </el-tabs>
+    <div class="default-page-tip">
+      <div class="default-page-tip-msg">
+        <div class="default-page-tip-item">
+          {{ defaultPageTipCn }}
+        </div>
+        <div class="default-page-tip-item">
+          {{ defaultPageTipEn }}
+        </div>
       </div>
     </div>
   </div>
@@ -181,7 +184,7 @@ export default {
 <style lang="scss" rel="stylesheet/scss" scoped>
 iframe.tab-main-content {
   width: 100%;
-  height: calc(100vh - 48px);
+  height: calc(100vh - 53px);
 }
 .ocean-blue{
 		:deep(.el-tabs__header .el-tabs__item.is-active) {
@@ -192,6 +195,8 @@ iframe.tab-main-content {
 :deep(.el-tabs__nav-scroll){
 		background: #FFFFFF;
 		box-shadow: 0px 0px 30px 0px rgba(204,204,204,0.2);
+		border-radius: 10px 10px 10px 10px;
+		margin-bottom: 2px;
 }
 
 :deep(.el-tabs__header .el-tabs__item) {
@@ -221,6 +226,10 @@ iframe.tab-main-content {
 </style>
 
 <style>
+.nav-tab {
+  padding-top: 5px;
+  padding-left: 5px;
+}
 .nav-tab .el-tabs__header {
   margin: 0;
   /* border-bottom: 0px; */

package/src/views/layout/components/AppMain.vue

@@ -37,7 +37,7 @@ export default {
   position: relative;
   overflow: hidden;
 
-  & > .app-container:not(:has( > .three-column-layout, > .el-container)) {
+  & > .app-container {
     max-height: calc(100vh - (var(--app-main-padding, 20px) * 2));
     height: calc(100vh - (var(--app-main-padding, 20px) * 2));
   }

package/src/views/layout/components/tabs/tab-content.vue

@@ -1,32 +1,35 @@
 <template>
-  <el-tabs v-if="openTab && openTab.length > 0"
-    v-model="activeIndex"
-    class="nav-tab menu-tab-container"
-    closable
-    @tab-remove="closeSelectedTag"
-  >
-    <el-tab-pane
-      v-for="tag in openTab"
-      :key="tag.code"
-      :label="tag.name"
-      :name="tag.code"
+  <div>
+    <el-tabs
+      v-if="openTab && openTab.length > 0"
+      v-model="activeIndex"
+      class="nav-tab menu-tab-container"
+      closable
+      @tab-remove="closeSelectedTag"
     >
-      <iframe
-        ref="tabMainContent"
-        :src="getFullPath(tag)"
-        class="tab-main-content"
-        name="tab-main-content"
-        frameborder="0"
-      />
-    </el-tab-pane>
-  </el-tabs>
-  <div v-else class="default-page-tip">
-    <div class="default-page-tip-msg">
-      <div class="default-page-tip-item">
-        {{ defaultPageTipCn }}
-      </div>
-      <div class="default-page-tip-item">
-        {{ defaultPageTipEn }}
+      <el-tab-pane
+        v-for="tag in openTab"
+        :key="tag.code"
+        :label="tag.name"
+        :name="tag.code"
+      >
+        <iframe
+          ref="tabMainContent"
+          :src="getFullPath(tag)"
+          class="tab-main-content"
+          name="tab-main-content"
+          frameborder="0"
+        />
+      </el-tab-pane>
+    </el-tabs>
+    <div class="default-page-tip">
+      <div class="default-page-tip-msg">
+        <div class="default-page-tip-item">
+          {{ defaultPageTipCn }}
+        </div>
+        <div class="default-page-tip-item">
+          {{ defaultPageTipEn }}
+        </div>
       </div>
     </div>
   </div>
@@ -195,7 +198,7 @@ export default {
 <style lang="scss" rel="stylesheet/scss" scoped>
 iframe.tab-main-content {
   width: 100%;
-  height: calc(100vh - 48px);
+  height: calc(100vh - 53px);
 }
 .ocean-blue{
 		:deep(.el-tabs__header .el-tabs__item.is-active) {
@@ -212,6 +215,8 @@ iframe.tab-main-content {
 :deep(.el-tabs__nav-scroll){
 		background: #FFFFFF;
 		box-shadow: 0px 0px 30px 0px rgba(204,204,204,0.2);
+		border-radius: 10px 10px 10px 10px;
+		margin-bottom: 2px;
 }
 
 :deep(.el-tabs__header .el-tabs__item) {
@@ -241,6 +246,10 @@ iframe.tab-main-content {
 </style>
 
 <style>
+.nav-tab {
+  padding-top: 5px;
+  padding-left: 5px;
+}
 .nav-tab .el-tabs__header {
   margin: 0;
   /* border-bottom: 0px; */