ylwl-cpscoms 1.0.0 → 1.1.0

package/src/SlAlert/index.vue

@@ -48,7 +48,8 @@ export default {
   align-items: center;
 }
 .message-row {
-  font-size: 12px;
+  font-size: 14px;
+  color: #606266;
 }
 
 </style>

package/src/SlForm/index.vue

@@ -361,5 +361,146 @@ export default {
 </script>
 
 <style scoped >
-@import url('./index.css');
+.yl-form-item {
+  display: flex;
+  align-items: center;
+
+}
+::v-deep .el-form-item__content {
+    display: flex;
+    flex: 1;
+    margin: 0 !important;
+  }
+
+.yl-form-fullitem .el-form-item__content {
+    flex: 1;
+  }
+
+.yl-form-item {
+    display: inline-flex !important;
+    /* margin-bottom: 20px; */
+  }
+.yl-form-item .yl-form-item-grid .el-form-item__content {
+  font-size: 0;
+}
+/* .content-box {
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  padding: 10px;
+  height: 100%;
+  box-shadow: 0 0 5px rgb(223, 222, 222);
+} */
+.item-label {
+  display: inline-block;
+  width: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.yl-form-box-shrink {
+  padding: 10px;
+  overflow: hidden;
+  /* border: 1px solid #c1c1c1; */
+  background-color: #f1f1f1;
+  /* box-shadow: inset 0 0 5px #c1c1c1; */
+}
+.yl-form-drawericon {
+  display: inline-block;
+  vertical-align: top;
+}
+.yl-form-drawericon-float {
+  position: absolute;
+  right: 0;
+  top: 0;
+  /* transform: translateY(-50%); */
+  padding: 10px;
+  z-index: 10;
+  background-image: linear-gradient(to left, #ffa140, rgba(255, 255, 255, 0));
+  opacity: 0.9;
+  padding-left: 80px;
+}
+.yl-i-lebel {
+  line-height: 12px;
+  font-size: 12px;
+  z-index: 5;
+  right: 0;
+  background-color: #979797;
+  /* background-image: linear-gradient(to right,#dcdfe6 ,#fff); */
+  padding: 2px 8px 4px 10px;
+  border-radius: 4px 4px 0 0;
+  color: #fff;
+  width: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
+  /* border: 1px solid #dcdfe6; */
+  /* transform: scale(0.7); */
+  border-radius: 0 4px 0px 10px;
+  transform-origin: 100% 0;
+  transform: scale(0.8);
+}
+.yl-r-icon {
+  color: red;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  z-index: 5;
+  padding: 5px;
+  line-height: 35px;
+  transform: translateY(-50%);
+}
+.yl-form-slider {
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  display: flex;
+  padding: 0 20px 0 10px;
+  line-height: 35px;
+}
+.yl-form-slider-span {
+  padding-right: 15px;
+  color: #c0c4cc;
+}
+.yl-form-box {
+  white-space: normal;
+  position: relative;
+  transition: all 0.2s ease-out;
+  border-radius: 4px;
+}
+.yl-form-item {
+  white-space: nowrap;
+  position: relative;
+}
+.yl-form-range-input {
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+  padding: 0 10px;
+  /* line-height: 38px; */
+}
+/* .yl-form-range-input input:nth-of-type(1){
+    margin-right: 10px;
+} */
+.yl-form-range-input input {
+  width: 70px;
+  border: none;
+  height: 100%;
+  outline: none;
+  /* background-color: #dcdfe6; */
+  padding: 7px;
+  text-align: center;
+  border-radius: 4px;
+}
+.yl-form-range-input input:focus {
+  /* box-shadow: inset 0 0 2px #5c85e6; */
+}
+.yl-form-range-input input::placeholder {
+  color: #c0c4cc;
+}
+
+.el-radio {
+  margin-bottom: 0px!important;
+}
+
 </style>

package/src/SlPage/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <main :style="{ padding: notShowPadding ? '' : '20px' }" class="content-box">
+  <main :style="{ padding: notShowPadding ? '' : '20px' }" class="main-box">
     <div class="sl-form">
       <transition-group name="fade" tag="span" >
         <slForm key="slForm" ref="slForm" v-model="form" :data="filterForm" :showlabel="false" :form-props="{ inline: true, size: 'small', labelStyle: { textAlign: 'left' }, labelWidth: 'auto' }" />
@@ -261,6 +261,43 @@ export default {
 }
 </script>
 <style scoped >
-@import url('./index.css');
+.main-box {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+
+.sl-form {
+  flex: 1 0 1;
+  transition: all 0.3s ease-in-out;
+  /* display: flex; */
+  /* justify-content: space-between; */
+}
+
+.yl-form-box {
+  display: inline;
+}
+
+.search-btn {
+  float: right;
+  /* display: inline-block; */
+  margin-left: 20px;
+  /* margin-top: 5px; */
+}
+
+.fade-enter-active, .fade-leave-active {
+  transition: opacity 0.3s;
+}
+.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
+  opacity: 0;
+}
+
+.sl-table-header {
+  display: flex;
+  justify-content: space-between;
+  margin: 10px 0;
+}
+
 </style>
 

package/src/index.js

@@ -8,6 +8,7 @@ import SlGuide from './SlGuide/index.vue'
 import SlPage from './SlPage/index.vue'
 import SlTable from './SlTable/index.vue'
 import SlTitle from './SlTitle/index.vue'
+import DtTable from './DtTable/index.vue'
 
 export { createCommandDialog } from './SlDialog/index.js'
 export { createCommandDialogPlus } from './SlDialog/dialogPlus.js'
@@ -23,7 +24,8 @@ const components = {
   SlGuide,
   SlPage,
   SlTable,
-  SlTitle
+  SlTitle,
+  DtTable
 }
 
 function install(Vue, options = {}) {

package/src/SlForm/index.css

@@ -1,141 +0,0 @@
-.yl-form-item {
-  display: flex;
-  align-items: center;
-
-}
-::v-deep .el-form-item__content {
-    display: flex;
-    flex: 1;
-    margin: 0 !important;
-  }
-
-.yl-form-fullitem .el-form-item__content {
-    flex: 1;
-  }
-
-.yl-form-item {
-    display: inline-flex !important;
-    /* margin-bottom: 20px; */
-  }
-.yl-form-item .yl-form-item-grid .el-form-item__content {
-  font-size: 0;
-}
-.content-box {
-  position: absolute;
-  right: 0;
-  top: 0;
-  background-color: rgba(255, 255, 255, 0.5);
-  padding: 10px;
-  height: 100%;
-  box-shadow: 0 0 5px rgb(223, 222, 222);
-}
-.item-label {
-  display: inline-block;
-  width: auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  vertical-align: middle;
-}
-.yl-form-box-shrink {
-  padding: 10px;
-  overflow: hidden;
-  /* border: 1px solid #c1c1c1; */
-  background-color: #f1f1f1;
-  /* box-shadow: inset 0 0 5px #c1c1c1; */
-}
-.yl-form-drawericon {
-  display: inline-block;
-  vertical-align: top;
-}
-.yl-form-drawericon-float {
-  position: absolute;
-  right: 0;
-  top: 0;
-  /* transform: translateY(-50%); */
-  padding: 10px;
-  z-index: 10;
-  background-image: linear-gradient(to left, #ffa140, rgba(255, 255, 255, 0));
-  opacity: 0.9;
-  padding-left: 80px;
-}
-.yl-i-lebel {
-  line-height: 12px;
-  font-size: 12px;
-  z-index: 5;
-  right: 0;
-  background-color: #979797;
-  /* background-image: linear-gradient(to right,#dcdfe6 ,#fff); */
-  padding: 2px 8px 4px 10px;
-  border-radius: 4px 4px 0 0;
-  color: #fff;
-  width: auto;
-  position: absolute;
-  right: 0;
-  top: 0;
-  /* border: 1px solid #dcdfe6; */
-  /* transform: scale(0.7); */
-  border-radius: 0 4px 0px 10px;
-  transform-origin: 100% 0;
-  transform: scale(0.8);
-}
-.yl-r-icon {
-  color: red;
-  position: absolute;
-  left: 0;
-  top: 50%;
-  z-index: 5;
-  padding: 5px;
-  line-height: 35px;
-  transform: translateY(-50%);
-}
-.yl-form-slider {
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  display: flex;
-  padding: 0 20px 0 10px;
-  line-height: 35px;
-}
-.yl-form-slider-span {
-  padding-right: 15px;
-  color: #c0c4cc;
-}
-.yl-form-box {
-  white-space: normal;
-  position: relative;
-  transition: all 0.2s ease-out;
-  border-radius: 4px;
-}
-.yl-form-item {
-  white-space: nowrap;
-  position: relative;
-}
-.yl-form-range-input {
-  border-radius: 4px;
-  border: 1px solid #dcdfe6;
-  padding: 0 10px;
-  /* line-height: 38px; */
-}
-/* .yl-form-range-input input:nth-of-type(1){
-    margin-right: 10px;
-} */
-.yl-form-range-input input {
-  width: 70px;
-  border: none;
-  height: 100%;
-  outline: none;
-  /* background-color: #dcdfe6; */
-  padding: 7px;
-  text-align: center;
-  border-radius: 4px;
-}
-.yl-form-range-input input:focus {
-  /* box-shadow: inset 0 0 2px #5c85e6; */
-}
-.yl-form-range-input input::placeholder {
-  color: #c0c4cc;
-}
-
-.el-radio {
-  margin-bottom: 0px!important;
-}

package/src/SlPage/index.css

@@ -1,38 +0,0 @@
-.content-box {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-}
-
-.sl-form {
-  flex: 1 0 1;
-  transition: all 0.3s ease-in-out;
-  /* display: flex; */
-  /* justify-content: space-between; */
-}
-
-.yl-form-box {
-  display: inline;
-}
-
-
-.search-btn {
-  float: right;
-  /* display: inline-block; */
-  margin-left: 20px;
-  /* margin-top: 5px; */
-}
-
-.fade-enter-active, .fade-leave-active {
-  transition: opacity 0.3s;
-}
-.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
-  opacity: 0;
-}
-
-.sl-table-header {
-  display: flex;
-  justify-content: space-between;
-  margin: 10px 0;
-}