采购订单维护-物料、收货客户、货位、数量批量粘贴

src/api/business/purchase/purchase-order.js

@@ -213,6 +213,14 @@ export function modifyBuyer(data) {
     data: data,
   });
 }
+// 物料批量粘贴 /pu/order/item/copy/
+export function materialCopy(data) {
+  return request({
+    url: "/pu/order/item/copy",
+    method: "POST",
+    data,
+  });
+}
 
 
 export default {
@@ -240,4 +248,5 @@ export default {
   modifyBuyer,
   itemClose,
   itemOpen,
+  materialCopy,
 }

src/assets/styles/btn.css

@@ -0,0 +1,169 @@
+/**
+$base-menu-color:hsla(0,0%,100%,.65);
+$base-menu-color-active:#fff;
+$base-menu-background:#001529;
+$base-logo-title-color: #ffffff;
+
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
+
+$base-sub-menu-background:#000c17;
+$base-sub-menu-hover:#001528;
+*/
+:export {
+  menuColor: #bfcbd9;
+  menuLightColor: rgba(0, 0, 0, 0.7);
+  menuColorActive: #f4f4f5;
+  menuBackground: #304156;
+  menuLightBackground: #ffffff;
+  subMenuBackground: #1f2d3d;
+  subMenuHover: #001528;
+  sideBarWidth: 270px;
+  logoTitleColor: #ffffff;
+  logoLightTitleColor: #001529;
+}
+
+.blue-btn {
+  background: #324157;
+}
+
+.blue-btn:hover {
+  color: #324157;
+}
+
+.blue-btn:hover:before, .blue-btn:hover:after {
+  background: #324157;
+}
+
+.light-blue-btn {
+  background: #3A71A8;
+}
+
+.light-blue-btn:hover {
+  color: #3A71A8;
+}
+
+.light-blue-btn:hover:before, .light-blue-btn:hover:after {
+  background: #3A71A8;
+}
+
+.red-btn {
+  background: #C03639;
+}
+
+.red-btn:hover {
+  color: #C03639;
+}
+
+.red-btn:hover:before, .red-btn:hover:after {
+  background: #C03639;
+}
+
+.pink-btn {
+  background: #E65D6E;
+}
+
+.pink-btn:hover {
+  color: #E65D6E;
+}
+
+.pink-btn:hover:before, .pink-btn:hover:after {
+  background: #E65D6E;
+}
+
+.green-btn {
+  background: #30B08F;
+}
+
+.green-btn:hover {
+  color: #30B08F;
+}
+
+.green-btn:hover:before, .green-btn:hover:after {
+  background: #30B08F;
+}
+
+.tiffany-btn {
+  background: #4AB7BD;
+}
+
+.tiffany-btn:hover {
+  color: #4AB7BD;
+}
+
+.tiffany-btn:hover:before, .tiffany-btn:hover:after {
+  background: #4AB7BD;
+}
+
+.yellow-btn {
+  background: #FEC171;
+}
+
+.yellow-btn:hover {
+  color: #FEC171;
+}
+
+.yellow-btn:hover:before, .yellow-btn:hover:after {
+  background: #FEC171;
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  -webkit-transition: 600ms ease all;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+}
+
+.pan-btn:hover {
+  background: #fff;
+}
+
+.pan-btn:hover:before, .pan-btn:hover:after {
+  width: 100%;
+  -webkit-transition: 600ms ease all;
+  transition: 600ms ease all;
+}
+
+.pan-btn:before, .pan-btn:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 2px;
+  width: 0;
+  -webkit-transition: 400ms ease all;
+  transition: 400ms ease all;
+}
+
+.pan-btn::after {
+  right: inherit;
+  top: inherit;
+  left: 0;
+  bottom: 0;
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  -webkit-appearance: none;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+/*# sourceMappingURL=btn.css.map */

src/assets/styles/element-ui.css

@@ -0,0 +1,92 @@
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload input[type="file"] {
+  display: none !important;
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell .el-tag {
+  margin-right: 0px;
+}
+
+.small-padding .cell {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.fixed-width .el-button--mini {
+  padding: 7px 10px;
+  width: 60px;
+}
+
+.status-col .cell {
+  padding: 0 10px;
+  text-align: center;
+}
+
+.status-col .cell .el-tag {
+  margin-right: 0px;
+}
+
+.el-dialog {
+  -webkit-transform: none;
+          transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+.upload-container .el-upload {
+  width: 100%;
+}
+
+.upload-container .el-upload .el-upload-dragger {
+  width: 100%;
+  height: 200px;
+}
+
+.el-dropdown-menu a {
+  display: block;
+}
+
+.el-range-editor.el-input__inner {
+  display: -webkit-inline-box !important;
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+}
+
+.el-range-separator {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+.el-menu--collapse
+> div
+> .el-submenu
+> .el-submenu__title
+.el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-autocomplete-suggestion .el-autocomplete-suggestion__wrap {
+  padding: 10px 0 0 0;
+}
+
+.el-super-table {
+  width: 100%;
+}
+
+.el-super-table .el-table__cell {
+  height: 50px;
+}
+
+.el-super-table td.el-table__cell {
+  border-right: 0;
+}
+/*# sourceMappingURL=element-ui.css.map */

src/assets/styles/element-ui.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAEA,AAAA,qBAAqB;AACrB,qBAAqB,CAAC,CAAC,CAAC;EACtB,WAAW,EAAE,cAAc;CAC5B;;AAED,AACE,UADQ,CACR,KAAK,CAAA,AAAA,IAAC,CAAK,MAAM,AAAX,EAAa;EACjB,OAAO,EAAE,eAAe;CACzB;;AAGH,AAAA,iBAAiB,CAAC;EAChB,OAAO,EAAE,IAAI;CACd;;AAED,AACE,KADG,CACH,OAAO,CAAC;EACN,YAAY,EAAE,GAAG;CAClB;;AAGH,AACE,cADY,CACZ,KAAK,CAAC;EACJ,YAAY,EAAE,GAAG;EACjB,aAAa,EAAE,GAAG;CACnB;;AAGH,AACE,YADU,CACV,gBAAgB,CAAC;EACf,OAAO,EAAE,QAAQ;EACjB,KAAK,EAAE,IAAI;CACZ;;AAGH,AACE,WADS,CACT,KAAK,CAAC;EACJ,OAAO,EAAE,MAAM;EACf,UAAU,EAAE,MAAM;CAKnB;;AARH,AAKI,WALO,CACT,KAAK,CAIH,OAAO,CAAC;EACN,YAAY,EAAE,GAAG;CAClB;;AAKL,AAAA,UAAU,CAAC;EACT,SAAS,EAAE,IAAI;EACf,IAAI,EAAE,CAAC;EACP,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,MAAM;CACf;;AAGD,AACE,iBADe,CACf,UAAU,CAAC;EACT,KAAK,EAAE,IAAI;CAMZ;;AARH,AAII,iBAJa,CACf,UAAU,CAGR,kBAAkB,CAAC;EACjB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,KAAK;CACd;;AAKL,AACE,iBADe,CACf,CAAC,CAAC;EACA,OAAO,EAAE,KAAK;CACf;;AAIH,AAAA,gBAAgB,AAAA,gBAAgB,CAAC;EAC/B,OAAO,EAAE,sBAAsB;CAChC;;AAGD,AAAA,mBAAmB,CAAC;EAClB,UAAU,EAAE,WAAW;CACxB;;AAED,AAAA,kBAAkB;EACd,GAAG;EACH,WAAW;EACX,kBAAkB;AACpB,uBAAuB,CAAC;EACxB,OAAO,EAAE,IAAI;CACd;;AAED,AAAA,2BAA2B,CAAC,iCAAiC,CAAC;EAC5D,OAAO,EAAE,UAAU;CACpB;;AAED,AAAA,eAAe,CAAC;EACd,KAAK,EAAE,IAAI;CACZ;;AACD,AAAA,eAAe,CAAC,eAAe,CAAC;EAC9B,MAAM,EAAE,IAAI;CACb;;AAED,AAAA,eAAe,CAAC,EAAE,AAAA,eAAe,CAAC;EAChC,YAAY,EAAE,CAAC;CAChB",
+    "sources": [
+        "element-ui.scss"
+    ],
+    "names": [],
+    "file": "element-ui.css"
+}

src/assets/styles/font.css

@@ -0,0 +1,38 @@
+.fe-1 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.fs-3 {
+  font-size: 12px;
+}
+
+.fs-4 {
+  font-size: 16px;
+}
+
+.fs-5 {
+  font-size: 20px;
+}
+
+.fs-6 {
+  font-size: 24px;
+}
+
+.fs-7 {
+  font-size: 28px;
+}
+
+.fs-8 {
+  font-size: 32px;
+}
+
+.fs-9 {
+  font-size: 36px;
+}
+
+.fs-10 {
+  font-size: 40px;
+}
+/*# sourceMappingURL=font.css.map */

src/assets/styles/font.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,MAAM;EACnB,QAAQ,EAAE,MAAM;EAChB,aAAa,EAAE,QAAQ;CACxB;;AAEC,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,KAAK,CAAK;EACR,SAAS,EAAE,IAAQ;CACpB;;AAFD,AAAA,MAAM,CAAI;EACR,SAAS,EAAE,IAAQ;CACpB",
+    "sources": [
+        "font.scss"
+    ],
+    "names": [],
+    "file": "font.css"
+}

src/assets/styles/index.css

@@ -0,0 +1,1358 @@
+@charset "UTF-8";
+/**
+$base-menu-color:hsla(0,0%,100%,.65);
+$base-menu-color-active:#fff;
+$base-menu-background:#001529;
+$base-logo-title-color: #ffffff;
+
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
+
+$base-sub-menu-background:#000c17;
+$base-sub-menu-hover:#001528;
+*/
+:export {
+  menuColor: #bfcbd9;
+  menuLightColor: rgba(0, 0, 0, 0.7);
+  menuColorActive: #f4f4f5;
+  menuBackground: #304156;
+  menuLightBackground: #ffffff;
+  subMenuBackground: #1f2d3d;
+  subMenuHover: #001528;
+  sideBarWidth: 270px;
+  logoTitleColor: #ffffff;
+  logoLightTitleColor: #001529;
+}
+
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.28s;
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform--move,
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  -webkit-transform: translateX(-30px);
+          transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  -webkit-transform: translateX(30px);
+          transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  -webkit-transform: translateX(20px);
+          transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+  font-weight: 400 !important;
+}
+
+.el-upload input[type="file"] {
+  display: none !important;
+}
+
+.el-upload__input {
+  display: none;
+}
+
+.cell .el-tag {
+  margin-right: 0px;
+}
+
+.small-padding .cell {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+.fixed-width .el-button--mini {
+  padding: 7px 10px;
+  width: 60px;
+}
+
+.status-col .cell {
+  padding: 0 10px;
+  text-align: center;
+}
+
+.status-col .cell .el-tag {
+  margin-right: 0px;
+}
+
+.el-dialog {
+  -webkit-transform: none;
+          transform: none;
+  left: 0;
+  position: relative;
+  margin: 0 auto;
+}
+
+.upload-container .el-upload {
+  width: 100%;
+}
+
+.upload-container .el-upload .el-upload-dragger {
+  width: 100%;
+  height: 200px;
+}
+
+.el-dropdown-menu a {
+  display: block;
+}
+
+.el-range-editor.el-input__inner {
+  display: -webkit-inline-box !important;
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+}
+
+.el-range-separator {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+.el-menu--collapse
+> div
+> .el-submenu
+> .el-submenu__title
+.el-submenu__icon-arrow {
+  display: none;
+}
+
+.el-autocomplete-suggestion .el-autocomplete-suggestion__wrap {
+  padding: 10px 0 0 0;
+}
+
+.el-super-table {
+  width: 100%;
+}
+
+.el-super-table .el-table__cell {
+  height: 50px;
+}
+
+.el-super-table td.el-table__cell {
+  border-right: 0;
+}
+
+#app .main-container {
+  min-height: 100%;
+  -webkit-transition: margin-left .28s;
+  transition: margin-left .28s;
+  margin-left: 270px;
+  position: relative;
+}
+
+#app .sidebarHide {
+  margin-left: 0 !important;
+}
+
+#app .sidebar-container {
+  -webkit-transition: width .28s;
+  -webkit-transition: width 0.28s;
+  transition: width 0.28s;
+  width: 270px !important;
+  background-color: #304156;
+  height: 100%;
+  position: fixed;
+  font-size: 0px;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1001;
+  overflow: hidden;
+  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
+}
+
+#app .sidebar-container .horizontal-collapse-transition {
+  -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
+}
+
+#app .sidebar-container .scrollbar-wrapper {
+  overflow-x: hidden !important;
+}
+
+#app .sidebar-container .el-scrollbar__bar.is-vertical {
+  right: 0px;
+}
+
+#app .sidebar-container .el-scrollbar {
+  height: 100%;
+}
+
+#app .sidebar-container.has-logo .el-scrollbar {
+  height: calc(100% - 50px);
+}
+
+#app .sidebar-container a {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+}
+
+#app .sidebar-container .svg-icon {
+  margin-right: 16px;
+}
+
+#app .sidebar-container .el-menu {
+  border: none;
+  height: 100%;
+  width: 100% !important;
+}
+
+#app .sidebar-container .el-menu-item, #app .sidebar-container .el-submenu__title {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+}
+
+#app .sidebar-container .submenu-title-noDropdown:hover,
+#app .sidebar-container .el-submenu__title:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+#app .sidebar-container .theme-dark .is-active > .el-submenu__title {
+  color: #f4f4f5 !important;
+}
+
+#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
+#app .sidebar-container .el-submenu .el-menu-item {
+  min-width: 270px !important;
+}
+
+#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover,
+#app .sidebar-container .el-submenu .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title,
+#app .sidebar-container .theme-dark .el-submenu .el-menu-item {
+  background-color: #1f2d3d !important;
+}
+
+#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title:hover,
+#app .sidebar-container .theme-dark .el-submenu .el-menu-item:hover {
+  background-color: #001528 !important;
+}
+
+#app .hideSidebar .sidebar-container {
+  width: 54px !important;
+}
+
+#app .hideSidebar .main-container {
+  margin-left: 54px;
+}
+
+#app .hideSidebar .submenu-title-noDropdown {
+  padding: 0 !important;
+  position: relative;
+}
+
+#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
+  padding: 0 !important;
+}
+
+#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
+  margin-left: 20px;
+}
+
+#app .hideSidebar .el-submenu {
+  overflow: hidden;
+}
+
+#app .hideSidebar .el-submenu > .el-submenu__title {
+  padding: 0 !important;
+}
+
+#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
+  margin-left: 20px;
+}
+
+#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
+  height: 0;
+  width: 0;
+  overflow: hidden;
+  visibility: hidden;
+  display: inline-block;
+}
+
+#app .el-menu--collapse .el-menu .el-submenu {
+  min-width: 270px !important;
+}
+
+#app .mobile .main-container {
+  margin-left: 0px;
+}
+
+#app .mobile .sidebar-container {
+  -webkit-transition: -webkit-transform .28s;
+  transition: -webkit-transform .28s;
+  transition: transform .28s;
+  transition: transform .28s, -webkit-transform .28s;
+  width: 270px !important;
+}
+
+#app .mobile.hideSidebar .sidebar-container {
+  pointer-events: none;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  -webkit-transform: translate3d(-270px, 0, 0);
+          transform: translate3d(-270px, 0, 0);
+}
+
+#app .withoutAnimation .main-container,
+#app .withoutAnimation .sidebar-container {
+  -webkit-transition: none;
+  transition: none;
+}
+
+.el-menu--vertical > .el-menu .svg-icon {
+  margin-right: 16px;
+}
+
+.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
+.el-menu--vertical .el-menu-item:hover {
+  background-color: rgba(0, 0, 0, 0.06) !important;
+}
+
+.el-menu--vertical > .el-menu--popup {
+  max-height: 100vh;
+  overflow-y: auto;
+}
+
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
+  background: #d3dce6;
+}
+
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
+  width: 6px;
+}
+
+.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
+  background: #99a9bf;
+  border-radius: 20px;
+}
+
+/**
+$base-menu-color:hsla(0,0%,100%,.65);
+$base-menu-color-active:#fff;
+$base-menu-background:#001529;
+$base-logo-title-color: #ffffff;
+
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
+
+$base-sub-menu-background:#000c17;
+$base-sub-menu-hover:#001528;
+*/
+:export {
+  menuColor: #bfcbd9;
+  menuLightColor: rgba(0, 0, 0, 0.7);
+  menuColorActive: #f4f4f5;
+  menuBackground: #304156;
+  menuLightBackground: #ffffff;
+  subMenuBackground: #1f2d3d;
+  subMenuHover: #001528;
+  sideBarWidth: 270px;
+  logoTitleColor: #ffffff;
+  logoLightTitleColor: #001529;
+}
+
+.blue-btn {
+  background: #324157;
+}
+
+.blue-btn:hover {
+  color: #324157;
+}
+
+.blue-btn:hover:before, .blue-btn:hover:after {
+  background: #324157;
+}
+
+.light-blue-btn {
+  background: #3A71A8;
+}
+
+.light-blue-btn:hover {
+  color: #3A71A8;
+}
+
+.light-blue-btn:hover:before, .light-blue-btn:hover:after {
+  background: #3A71A8;
+}
+
+.red-btn {
+  background: #C03639;
+}
+
+.red-btn:hover {
+  color: #C03639;
+}
+
+.red-btn:hover:before, .red-btn:hover:after {
+  background: #C03639;
+}
+
+.pink-btn {
+  background: #E65D6E;
+}
+
+.pink-btn:hover {
+  color: #E65D6E;
+}
+
+.pink-btn:hover:before, .pink-btn:hover:after {
+  background: #E65D6E;
+}
+
+.green-btn {
+  background: #30B08F;
+}
+
+.green-btn:hover {
+  color: #30B08F;
+}
+
+.green-btn:hover:before, .green-btn:hover:after {
+  background: #30B08F;
+}
+
+.tiffany-btn {
+  background: #4AB7BD;
+}
+
+.tiffany-btn:hover {
+  color: #4AB7BD;
+}
+
+.tiffany-btn:hover:before, .tiffany-btn:hover:after {
+  background: #4AB7BD;
+}
+
+.yellow-btn {
+  background: #FEC171;
+}
+
+.yellow-btn:hover {
+  color: #FEC171;
+}
+
+.yellow-btn:hover:before, .yellow-btn:hover:after {
+  background: #FEC171;
+}
+
+.pan-btn {
+  font-size: 14px;
+  color: #fff;
+  padding: 14px 36px;
+  border-radius: 8px;
+  border: none;
+  outline: none;
+  -webkit-transition: 600ms ease all;
+  transition: 600ms ease all;
+  position: relative;
+  display: inline-block;
+}
+
+.pan-btn:hover {
+  background: #fff;
+}
+
+.pan-btn:hover:before, .pan-btn:hover:after {
+  width: 100%;
+  -webkit-transition: 600ms ease all;
+  transition: 600ms ease all;
+}
+
+.pan-btn:before, .pan-btn:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 2px;
+  width: 0;
+  -webkit-transition: 400ms ease all;
+  transition: 400ms ease all;
+}
+
+.pan-btn::after {
+  right: inherit;
+  top: inherit;
+  left: 0;
+  bottom: 0;
+}
+
+.custom-button {
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  cursor: pointer;
+  background: #fff;
+  color: #fff;
+  -webkit-appearance: none;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  outline: 0;
+  margin: 0;
+  padding: 10px 15px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+.m-0 {
+  margin: 0px;
+}
+
+.mx-0 {
+  margin: 0 0px;
+}
+
+.my-0 {
+  margin: 0px 0;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.ml-0 {
+  margin-left: 0px;
+}
+
+.m-1 {
+  margin: 4px;
+}
+
+.mx-1 {
+  margin: 0 4px;
+}
+
+.my-1 {
+  margin: 4px 0;
+}
+
+.mt-1 {
+  margin-top: 4px;
+}
+
+.mr-1 {
+  margin-right: 4px;
+}
+
+.mb-1 {
+  margin-bottom: 4px;
+}
+
+.ml-1 {
+  margin-left: 4px;
+}
+
+.m-2 {
+  margin: 8px;
+}
+
+.mx-2 {
+  margin: 0 8px;
+}
+
+.my-2 {
+  margin: 8px 0;
+}
+
+.mt-2 {
+  margin-top: 8px;
+}
+
+.mr-2 {
+  margin-right: 8px;
+}
+
+.mb-2 {
+  margin-bottom: 8px;
+}
+
+.ml-2 {
+  margin-left: 8px;
+}
+
+.m-3 {
+  margin: 12px;
+}
+
+.mx-3 {
+  margin: 0 12px;
+}
+
+.my-3 {
+  margin: 12px 0;
+}
+
+.mt-3 {
+  margin-top: 12px;
+}
+
+.mr-3 {
+  margin-right: 12px;
+}
+
+.mb-3 {
+  margin-bottom: 12px;
+}
+
+.ml-3 {
+  margin-left: 12px;
+}
+
+.m-4 {
+  margin: 16px;
+}
+
+.mx-4 {
+  margin: 0 16px;
+}
+
+.my-4 {
+  margin: 16px 0;
+}
+
+.mt-4 {
+  margin-top: 16px;
+}
+
+.mr-4 {
+  margin-right: 16px;
+}
+
+.mb-4 {
+  margin-bottom: 16px;
+}
+
+.ml-4 {
+  margin-left: 16px;
+}
+
+.m-5 {
+  margin: 20px;
+}
+
+.mx-5 {
+  margin: 0 20px;
+}
+
+.my-5 {
+  margin: 20px 0;
+}
+
+.mt-5 {
+  margin-top: 20px;
+}
+
+.mr-5 {
+  margin-right: 20px;
+}
+
+.mb-5 {
+  margin-bottom: 20px;
+}
+
+.ml-5 {
+  margin-left: 20px;
+}
+
+.m-6 {
+  margin: 24px;
+}
+
+.mx-6 {
+  margin: 0 24px;
+}
+
+.my-6 {
+  margin: 24px 0;
+}
+
+.mt-6 {
+  margin-top: 24px;
+}
+
+.mr-6 {
+  margin-right: 24px;
+}
+
+.mb-6 {
+  margin-bottom: 24px;
+}
+
+.ml-6 {
+  margin-left: 24px;
+}
+
+.m-7 {
+  margin: 28px;
+}
+
+.mx-7 {
+  margin: 0 28px;
+}
+
+.my-7 {
+  margin: 28px 0;
+}
+
+.mt-7 {
+  margin-top: 28px;
+}
+
+.mr-7 {
+  margin-right: 28px;
+}
+
+.mb-7 {
+  margin-bottom: 28px;
+}
+
+.ml-7 {
+  margin-left: 28px;
+}
+
+.m-8 {
+  margin: 32px;
+}
+
+.mx-8 {
+  margin: 0 32px;
+}
+
+.my-8 {
+  margin: 32px 0;
+}
+
+.mt-8 {
+  margin-top: 32px;
+}
+
+.mr-8 {
+  margin-right: 32px;
+}
+
+.mb-8 {
+  margin-bottom: 32px;
+}
+
+.ml-8 {
+  margin-left: 32px;
+}
+
+.m-9 {
+  margin: 36px;
+}
+
+.mx-9 {
+  margin: 0 36px;
+}
+
+.my-9 {
+  margin: 36px 0;
+}
+
+.mt-9 {
+  margin-top: 36px;
+}
+
+.mr-9 {
+  margin-right: 36px;
+}
+
+.mb-9 {
+  margin-bottom: 36px;
+}
+
+.ml-9 {
+  margin-left: 36px;
+}
+
+.m-10 {
+  margin: 40px;
+}
+
+.mx-10 {
+  margin: 0 40px;
+}
+
+.my-10 {
+  margin: 40px 0;
+}
+
+.mt-10 {
+  margin-top: 40px;
+}
+
+.mr-10 {
+  margin-right: 40px;
+}
+
+.mb-10 {
+  margin-bottom: 40px;
+}
+
+.ml-10 {
+  margin-left: 40px;
+}
+
+.p-0 {
+  padding: 0px;
+}
+
+.px-0 {
+  padding: 0 0px;
+}
+
+.py-0 {
+  padding: 0px 0;
+}
+
+.pt-0 {
+  padding-top: 0px;
+}
+
+.pr-0 {
+  padding-right: 0px;
+}
+
+.pb-0 {
+  padding-bottom: 0px;
+}
+
+.pl-0 {
+  padding-left: 0px;
+}
+
+.p-1 {
+  padding: 4px;
+}
+
+.px-1 {
+  padding: 0 4px;
+}
+
+.py-1 {
+  padding: 4px 0;
+}
+
+.pt-1 {
+  padding-top: 4px;
+}
+
+.pr-1 {
+  padding-right: 4px;
+}
+
+.pb-1 {
+  padding-bottom: 4px;
+}
+
+.pl-1 {
+  padding-left: 4px;
+}
+
+.p-2 {
+  padding: 8px;
+}
+
+.px-2 {
+  padding: 0 8px;
+}
+
+.py-2 {
+  padding: 8px 0;
+}
+
+.pt-2 {
+  padding-top: 8px;
+}
+
+.pr-2 {
+  padding-right: 8px;
+}
+
+.pb-2 {
+  padding-bottom: 8px;
+}
+
+.pl-2 {
+  padding-left: 8px;
+}
+
+.p-3 {
+  padding: 12px;
+}
+
+.px-3 {
+  padding: 0 12px;
+}
+
+.py-3 {
+  padding: 12px 0;
+}
+
+.pt-3 {
+  padding-top: 12px;
+}
+
+.pr-3 {
+  padding-right: 12px;
+}
+
+.pb-3 {
+  padding-bottom: 12px;
+}
+
+.pl-3 {
+  padding-left: 12px;
+}
+
+.p-4 {
+  padding: 16px;
+}
+
+.px-4 {
+  padding: 0 16px;
+}
+
+.py-4 {
+  padding: 16px 0;
+}
+
+.pt-4 {
+  padding-top: 16px;
+}
+
+.pr-4 {
+  padding-right: 16px;
+}
+
+.pb-4 {
+  padding-bottom: 16px;
+}
+
+.pl-4 {
+  padding-left: 16px;
+}
+
+.p-5 {
+  padding: 20px;
+}
+
+.px-5 {
+  padding: 0 20px;
+}
+
+.py-5 {
+  padding: 20px 0;
+}
+
+.pt-5 {
+  padding-top: 20px;
+}
+
+.pr-5 {
+  padding-right: 20px;
+}
+
+.pb-5 {
+  padding-bottom: 20px;
+}
+
+.pl-5 {
+  padding-left: 20px;
+}
+
+.p-6 {
+  padding: 24px;
+}
+
+.px-6 {
+  padding: 0 24px;
+}
+
+.py-6 {
+  padding: 24px 0;
+}
+
+.pt-6 {
+  padding-top: 24px;
+}
+
+.pr-6 {
+  padding-right: 24px;
+}
+
+.pb-6 {
+  padding-bottom: 24px;
+}
+
+.pl-6 {
+  padding-left: 24px;
+}
+
+.p-7 {
+  padding: 28px;
+}
+
+.px-7 {
+  padding: 0 28px;
+}
+
+.py-7 {
+  padding: 28px 0;
+}
+
+.pt-7 {
+  padding-top: 28px;
+}
+
+.pr-7 {
+  padding-right: 28px;
+}
+
+.pb-7 {
+  padding-bottom: 28px;
+}
+
+.pl-7 {
+  padding-left: 28px;
+}
+
+.p-8 {
+  padding: 32px;
+}
+
+.px-8 {
+  padding: 0 32px;
+}
+
+.py-8 {
+  padding: 32px 0;
+}
+
+.pt-8 {
+  padding-top: 32px;
+}
+
+.pr-8 {
+  padding-right: 32px;
+}
+
+.pb-8 {
+  padding-bottom: 32px;
+}
+
+.pl-8 {
+  padding-left: 32px;
+}
+
+.fe-1 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.fs-3 {
+  font-size: 12px;
+}
+
+.fs-4 {
+  font-size: 16px;
+}
+
+.fs-5 {
+  font-size: 20px;
+}
+
+.fs-6 {
+  font-size: 24px;
+}
+
+.fs-7 {
+  font-size: 28px;
+}
+
+.fs-8 {
+  font-size: 32px;
+}
+
+.fs-9 {
+  font-size: 36px;
+}
+
+.fs-10 {
+  font-size: 40px;
+}
+
+body {
+  height: 100%;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
 Microsoft YaHei, Arial, sans-serif;
+}
+
+label {
+  font-weight: 700;
+}
+
+html {
+  height: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+#app {
+  height: 100%;
+}
+
+*,
+*:before,
+*:after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+
+.no-padding {
+  padding: 0px !important;
+}
+
+.padding-content {
+  padding: 4px 0;
+}
+
+a:focus,
+a:active {
+  outline: none;
+}
+
+a,
+a:focus,
+a:hover {
+  cursor: pointer;
+  color: inherit;
+  text-decoration: none;
+}
+
+div:focus {
+  outline: none;
+}
+
+.fr {
+  float: right;
+}
+
+.fl {
+  float: left;
+}
+
+.pr-5 {
+  padding-right: 5px;
+}
+
+.pl-5 {
+  padding-left: 5px;
+}
+
+.block {
+  display: block;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.inlineBlock {
+  display: block;
+}
+
+.clearfix:after {
+  visibility: hidden;
+  display: block;
+  font-size: 0;
+  content: " ";
+  clear: both;
+  height: 0;
+}
+
+aside {
+  background: #eef1f6;
+  padding: 8px 24px;
+  margin-bottom: 20px;
+  border-radius: 2px;
+  display: block;
+  line-height: 32px;
+  font-size: 16px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  color: #2c3e50;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+aside a {
+  color: #337ab7;
+  cursor: pointer;
+}
+
+aside a:hover {
+  color: #20a0ff;
+}
+
+.app-container {
+  padding: 20px;
+}
+
+.components-container {
+  margin: 30px 50px;
+  position: relative;
+}
+
+.pagination-container {
+  margin-top: 30px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.sub-navbar {
+  height: 50px;
+  line-height: 50px;
+  position: relative;
+  width: 100%;
+  text-align: right;
+  padding-right: 20px;
+  -webkit-transition: 600ms ease position;
+  transition: 600ms ease position;
+  background: -webkit-gradient(linear, left top, right top, from(#20b6f9), color-stop(0%, #20b6f9), color-stop(100%, #2178f1), to(#2178f1));
+  background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%);
+}
+
+.sub-navbar .subtitle {
+  font-size: 20px;
+  color: #fff;
+}
+
+.sub-navbar.draft {
+  background: #d0d0d0;
+}
+
+.sub-navbar.deleted {
+  background: #d0d0d0;
+}
+
+.link-type,
+.link-type:focus {
+  color: #337ab7;
+  cursor: pointer;
+}
+
+.link-type:hover,
+.link-type:focus:hover {
+  color: #20a0ff;
+}
+
+.filter-container {
+  padding-bottom: 10px;
+}
+
+.filter-container .filter-item {
+  display: inline-block;
+  vertical-align: middle;
+  margin-bottom: 10px;
+}
+
+.multiselect {
+  line-height: 16px;
+}
+
+.multiselect--active {
+  z-index: 1000 !important;
+}
+
+/**修改全局的滚动条*/
+/**滚动条的宽度*/
+::-webkit-scrollbar {
+  width: 12px;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #eaecf1;
+  border-radius: 3px;
+}
+
+/*表格*/
+.el-table__body-wrapper::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+.el-table__body-wrapper::-webkit-scrollbar-thumb {
+  background-color: #a1a3a9;
+  border-radius: 3px;
+}
+
+.el-input__suffix {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+/*# sourceMappingURL=index.css.map */

src/assets/styles/margin.css

@@ -0,0 +1,308 @@
+.m-0 {
+  margin: 0px;
+}
+
+.mx-0 {
+  margin: 0 0px;
+}
+
+.my-0 {
+  margin: 0px 0;
+}
+
+.mt-0 {
+  margin-top: 0px;
+}
+
+.mr-0 {
+  margin-right: 0px;
+}
+
+.mb-0 {
+  margin-bottom: 0px;
+}
+
+.ml-0 {
+  margin-left: 0px;
+}
+
+.m-1 {
+  margin: 4px;
+}
+
+.mx-1 {
+  margin: 0 4px;
+}
+
+.my-1 {
+  margin: 4px 0;
+}
+
+.mt-1 {
+  margin-top: 4px;
+}
+
+.mr-1 {
+  margin-right: 4px;
+}
+
+.mb-1 {
+  margin-bottom: 4px;
+}
+
+.ml-1 {
+  margin-left: 4px;
+}
+
+.m-2 {
+  margin: 8px;
+}
+
+.mx-2 {
+  margin: 0 8px;
+}
+
+.my-2 {
+  margin: 8px 0;
+}
+
+.mt-2 {
+  margin-top: 8px;
+}
+
+.mr-2 {
+  margin-right: 8px;
+}
+
+.mb-2 {
+  margin-bottom: 8px;
+}
+
+.ml-2 {
+  margin-left: 8px;
+}
+
+.m-3 {
+  margin: 12px;
+}
+
+.mx-3 {
+  margin: 0 12px;
+}
+
+.my-3 {
+  margin: 12px 0;
+}
+
+.mt-3 {
+  margin-top: 12px;
+}
+
+.mr-3 {
+  margin-right: 12px;
+}
+
+.mb-3 {
+  margin-bottom: 12px;
+}
+
+.ml-3 {
+  margin-left: 12px;
+}
+
+.m-4 {
+  margin: 16px;
+}
+
+.mx-4 {
+  margin: 0 16px;
+}
+
+.my-4 {
+  margin: 16px 0;
+}
+
+.mt-4 {
+  margin-top: 16px;
+}
+
+.mr-4 {
+  margin-right: 16px;
+}
+
+.mb-4 {
+  margin-bottom: 16px;
+}
+
+.ml-4 {
+  margin-left: 16px;
+}
+
+.m-5 {
+  margin: 20px;
+}
+
+.mx-5 {
+  margin: 0 20px;
+}
+
+.my-5 {
+  margin: 20px 0;
+}
+
+.mt-5 {
+  margin-top: 20px;
+}
+
+.mr-5 {
+  margin-right: 20px;
+}
+
+.mb-5 {
+  margin-bottom: 20px;
+}
+
+.ml-5 {
+  margin-left: 20px;
+}
+
+.m-6 {
+  margin: 24px;
+}
+
+.mx-6 {
+  margin: 0 24px;
+}
+
+.my-6 {
+  margin: 24px 0;
+}
+
+.mt-6 {
+  margin-top: 24px;
+}
+
+.mr-6 {
+  margin-right: 24px;
+}
+
+.mb-6 {
+  margin-bottom: 24px;
+}
+
+.ml-6 {
+  margin-left: 24px;
+}
+
+.m-7 {
+  margin: 28px;
+}
+
+.mx-7 {
+  margin: 0 28px;
+}
+
+.my-7 {
+  margin: 28px 0;
+}
+
+.mt-7 {
+  margin-top: 28px;
+}
+
+.mr-7 {
+  margin-right: 28px;
+}
+
+.mb-7 {
+  margin-bottom: 28px;
+}
+
+.ml-7 {
+  margin-left: 28px;
+}
+
+.m-8 {
+  margin: 32px;
+}
+
+.mx-8 {
+  margin: 0 32px;
+}
+
+.my-8 {
+  margin: 32px 0;
+}
+
+.mt-8 {
+  margin-top: 32px;
+}
+
+.mr-8 {
+  margin-right: 32px;
+}
+
+.mb-8 {
+  margin-bottom: 32px;
+}
+
+.ml-8 {
+  margin-left: 32px;
+}
+
+.m-9 {
+  margin: 36px;
+}
+
+.mx-9 {
+  margin: 0 36px;
+}
+
+.my-9 {
+  margin: 36px 0;
+}
+
+.mt-9 {
+  margin-top: 36px;
+}
+
+.mr-9 {
+  margin-right: 36px;
+}
+
+.mb-9 {
+  margin-bottom: 36px;
+}
+
+.ml-9 {
+  margin-left: 36px;
+}
+
+.m-10 {
+  margin: 40px;
+}
+
+.mx-10 {
+  margin: 0 40px;
+}
+
+.my-10 {
+  margin: 40px 0;
+}
+
+.mt-10 {
+  margin-top: 40px;
+}
+
+.mr-10 {
+  margin-right: 40px;
+}
+
+.mb-10 {
+  margin-bottom: 40px;
+}
+
+.ml-10 {
+  margin-left: 40px;
+}
+/*# sourceMappingURL=margin.css.map */

src/assets/styles/mixin.css

@@ -0,0 +1 @@
+/* No CSS *//*# sourceMappingURL=mixin.css.map */

src/assets/styles/mixin.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "",
+    "sources": [
+        "mixin.scss"
+    ],
+    "names": [],
+    "file": "mixin.css"
+}

src/assets/styles/padding.css

@@ -0,0 +1,252 @@
+.p-0 {
+  padding: 0px;
+}
+
+.px-0 {
+  padding: 0 0px;
+}
+
+.py-0 {
+  padding: 0px 0;
+}
+
+.pt-0 {
+  padding-top: 0px;
+}
+
+.pr-0 {
+  padding-right: 0px;
+}
+
+.pb-0 {
+  padding-bottom: 0px;
+}
+
+.pl-0 {
+  padding-left: 0px;
+}
+
+.p-1 {
+  padding: 4px;
+}
+
+.px-1 {
+  padding: 0 4px;
+}
+
+.py-1 {
+  padding: 4px 0;
+}
+
+.pt-1 {
+  padding-top: 4px;
+}
+
+.pr-1 {
+  padding-right: 4px;
+}
+
+.pb-1 {
+  padding-bottom: 4px;
+}
+
+.pl-1 {
+  padding-left: 4px;
+}
+
+.p-2 {
+  padding: 8px;
+}
+
+.px-2 {
+  padding: 0 8px;
+}
+
+.py-2 {
+  padding: 8px 0;
+}
+
+.pt-2 {
+  padding-top: 8px;
+}
+
+.pr-2 {
+  padding-right: 8px;
+}
+
+.pb-2 {
+  padding-bottom: 8px;
+}
+
+.pl-2 {
+  padding-left: 8px;
+}
+
+.p-3 {
+  padding: 12px;
+}
+
+.px-3 {
+  padding: 0 12px;
+}
+
+.py-3 {
+  padding: 12px 0;
+}
+
+.pt-3 {
+  padding-top: 12px;
+}
+
+.pr-3 {
+  padding-right: 12px;
+}
+
+.pb-3 {
+  padding-bottom: 12px;
+}
+
+.pl-3 {
+  padding-left: 12px;
+}
+
+.p-4 {
+  padding: 16px;
+}
+
+.px-4 {
+  padding: 0 16px;
+}
+
+.py-4 {
+  padding: 16px 0;
+}
+
+.pt-4 {
+  padding-top: 16px;
+}
+
+.pr-4 {
+  padding-right: 16px;
+}
+
+.pb-4 {
+  padding-bottom: 16px;
+}
+
+.pl-4 {
+  padding-left: 16px;
+}
+
+.p-5 {
+  padding: 20px;
+}
+
+.px-5 {
+  padding: 0 20px;
+}
+
+.py-5 {
+  padding: 20px 0;
+}
+
+.pt-5 {
+  padding-top: 20px;
+}
+
+.pr-5 {
+  padding-right: 20px;
+}
+
+.pb-5 {
+  padding-bottom: 20px;
+}
+
+.pl-5 {
+  padding-left: 20px;
+}
+
+.p-6 {
+  padding: 24px;
+}
+
+.px-6 {
+  padding: 0 24px;
+}
+
+.py-6 {
+  padding: 24px 0;
+}
+
+.pt-6 {
+  padding-top: 24px;
+}
+
+.pr-6 {
+  padding-right: 24px;
+}
+
+.pb-6 {
+  padding-bottom: 24px;
+}
+
+.pl-6 {
+  padding-left: 24px;
+}
+
+.p-7 {
+  padding: 28px;
+}
+
+.px-7 {
+  padding: 0 28px;
+}
+
+.py-7 {
+  padding: 28px 0;
+}
+
+.pt-7 {
+  padding-top: 28px;
+}
+
+.pr-7 {
+  padding-right: 28px;
+}
+
+.pb-7 {
+  padding-bottom: 28px;
+}
+
+.pl-7 {
+  padding-left: 28px;
+}
+
+.p-8 {
+  padding: 32px;
+}
+
+.px-8 {
+  padding: 0 32px;
+}
+
+.py-8 {
+  padding: 32px 0;
+}
+
+.pt-8 {
+  padding-top: 32px;
+}
+
+.pr-8 {
+  padding-right: 32px;
+}
+
+.pb-8 {
+  padding-bottom: 32px;
+}
+
+.pl-8 {
+  padding-left: 32px;
+}
+/*# sourceMappingURL=padding.css.map */

src/assets/styles/ruoyi.css

@@ -0,0 +1,290 @@
+@charset "UTF-8";
+/**
+ * 通用css样式布局处理
+ * Copyright (c) 2019 ruoyi
+ */
+/** 基础通用 **/
+.pt5 {
+  padding-top: 5px;
+}
+
+.pr5 {
+  padding-right: 5px;
+}
+
+.pb5 {
+  padding-bottom: 5px;
+}
+
+.mt5 {
+  margin-top: 5px;
+}
+
+.mr5 {
+  margin-right: 5px;
+}
+
+.mb5 {
+  margin-bottom: 5px;
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+
+.ml5 {
+  margin-left: 5px;
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.mr10 {
+  margin-right: 10px;
+}
+
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.ml10 {
+  margin-left: 10px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.mr20 {
+  margin-right: 20px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+.ml20 {
+  margin-left: 20px;
+}
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+
+.el-message-box__status + .el-message-box__message {
+  word-break: break-word;
+}
+
+.el-dialog:not(.is-fullscreen) {
+  margin-top: 6vh !important;
+}
+
+.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
+  overflow: auto;
+  overflow-x: hidden;
+  max-height: 70vh;
+  padding: 10px 20px 0;
+}
+
+.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
+  word-break: break-word;
+  background-color: #f8f8f9;
+  color: #515a6e;
+  height: 40px;
+  font-size: 13px;
+}
+
+.el-table .el-table__body-wrapper .el-button [class*="el-icon-"] + span {
+  margin-left: 1px;
+}
+
+/** 表单布局 **/
+.form-header {
+  font-size: 15px;
+  color: #6379bb;
+  border-bottom: 1px solid #ddd;
+  margin: 8px 10px 25px 10px;
+  padding-bottom: 5px;
+}
+
+/** 表格布局 **/
+.pagination-container {
+  position: relative;
+  height: 25px;
+  margin-bottom: 10px;
+  margin-top: 15px;
+  padding: 10px 20px !important;
+}
+
+/* tree border */
+.tree-border {
+  margin-top: 5px;
+  border: 1px solid #e5e6e7;
+  background: #FFFFFF none;
+  border-radius: 4px;
+}
+
+.pagination-container .el-pagination {
+  right: 0;
+  position: absolute;
+}
+
+@media (max-width: 768px) {
+  .pagination-container .el-pagination > .el-pagination__jump {
+    display: none !important;
+  }
+  .pagination-container .el-pagination > .el-pagination__sizes {
+    display: none !important;
+  }
+}
+
+.el-table .fixed-width .el-button--mini {
+  padding-left: 0;
+  padding-right: 0;
+  width: inherit;
+}
+
+/** 表格更多操作下拉样式 */
+.el-table .el-dropdown-link, .el-table .el-dropdown-selfdefine {
+  cursor: pointer;
+  margin-left: 5px;
+}
+
+.el-table .el-dropdown, .el-icon-arrow-down {
+  font-size: 12px;
+}
+
+.el-tree-node__content > .el-checkbox {
+  margin-right: 8px;
+}
+
+.list-group-striped > .list-group-item {
+  border-left: 0;
+  border-right: 0;
+  border-radius: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.list-group {
+  padding-left: 0px;
+  list-style: none;
+}
+
+.list-group-item {
+  border-bottom: 1px solid #e7eaec;
+  border-top: 1px solid #e7eaec;
+  margin-bottom: -1px;
+  padding: 11px 0px;
+  font-size: 13px;
+}
+
+.pull-right {
+  float: right !important;
+}
+
+.el-card__header {
+  padding: 0px 15px 0px;
+  min-height: 40px;
+}
+
+.el-card__body {
+  padding: 15px 20px 20px 20px;
+}
+
+.card-box {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-bottom: 10px;
+}
+
+/* button color */
+.el-button--cyan.is-active,
+.el-button--cyan:active {
+  background: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+.el-button--cyan:focus,
+.el-button--cyan:hover {
+  background: #48D1CC;
+  border-color: #48D1CC;
+  color: #FFFFFF;
+}
+
+.el-button--cyan {
+  background-color: #20B2AA;
+  border-color: #20B2AA;
+  color: #FFFFFF;
+}
+
+/* text color */
+.text-navy {
+  color: #1ab394;
+}
+
+.text-primary {
+  color: inherit;
+}
+
+.text-success {
+  color: #1c84c6;
+}
+
+.text-info {
+  color: #23c6c8;
+}
+
+.text-warning {
+  color: #f8ac59;
+}
+
+.text-danger {
+  color: #ed5565;
+}
+
+.text-muted {
+  color: #888888;
+}
+
+/* image */
+.img-circle {
+  border-radius: 50%;
+}
+
+.img-lg {
+  width: 120px;
+  height: 120px;
+}
+
+.avatar-upload-preview {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: 200px;
+  height: 200px;
+  border-radius: 50%;
+  -webkit-box-shadow: 0 0 4px #ccc;
+          box-shadow: 0 0 4px #ccc;
+  overflow: hidden;
+}
+
+/* 拖拽列样式 */
+.sortable-ghost {
+  opacity: .8;
+  color: #fff !important;
+  background: #42b983 !important;
+}
+
+.top-right-btn {
+  position: relative;
+  float: right;
+}
+/*# sourceMappingURL=ruoyi.css.map */

src/assets/styles/transition.css

@@ -0,0 +1,55 @@
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.28s;
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade-transform */
+.fade-transform--move,
+.fade-transform-leave-active,
+.fade-transform-enter-active {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.fade-transform-enter {
+  opacity: 0;
+  -webkit-transform: translateX(-30px);
+          transform: translateX(-30px);
+}
+
+.fade-transform-leave-to {
+  opacity: 0;
+  -webkit-transform: translateX(30px);
+          transform: translateX(30px);
+}
+
+/* breadcrumb transition */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  -webkit-transform: translateX(20px);
+          transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  -webkit-transition: all .5s;
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+/*# sourceMappingURL=transition.css.map */

src/assets/styles/transition.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAEA,UAAU;AACV,AAAA,kBAAkB;AAClB,kBAAkB,CAAC;EACjB,UAAU,EAAE,aAAa;CAC1B;;AAED,AAAA,WAAW;AACX,kBAAkB,CAAC;EACjB,OAAO,EAAE,CAAC;CACX;;AAED,oBAAoB;AACpB,AAAA,qBAAqB;AACrB,4BAA4B;AAC5B,4BAA4B,CAAC;EAC3B,UAAU,EAAE,OAAO;CACpB;;AAED,AAAA,qBAAqB,CAAC;EACpB,OAAO,EAAE,CAAC;EACV,SAAS,EAAE,iBAAiB;CAC7B;;AAED,AAAA,wBAAwB,CAAC;EACvB,OAAO,EAAE,CAAC;EACV,SAAS,EAAE,gBAAgB;CAC5B;;AAED,2BAA2B;AAC3B,AAAA,wBAAwB;AACxB,wBAAwB,CAAC;EACvB,UAAU,EAAE,OAAO;CACpB;;AAED,AAAA,iBAAiB;AACjB,wBAAwB,CAAC;EACvB,OAAO,EAAE,CAAC;EACV,SAAS,EAAE,gBAAgB;CAC5B;;AAED,AAAA,gBAAgB,CAAC;EACf,UAAU,EAAE,OAAO;CACpB;;AAED,AAAA,wBAAwB,CAAC;EACvB,QAAQ,EAAE,QAAQ;CACnB",
+    "sources": [
+        "transition.scss"
+    ],
+    "names": [],
+    "file": "transition.css"
+}

src/assets/styles/variables.css

@@ -0,0 +1,26 @@
+/**
+$base-menu-color:hsla(0,0%,100%,.65);
+$base-menu-color-active:#fff;
+$base-menu-background:#001529;
+$base-logo-title-color: #ffffff;
+
+$base-menu-light-color:rgba(0,0,0,.70);
+$base-menu-light-background:#ffffff;
+$base-logo-light-title-color: #001529;
+
+$base-sub-menu-background:#000c17;
+$base-sub-menu-hover:#001528;
+*/
+:export {
+  menuColor: #bfcbd9;
+  menuLightColor: rgba(0, 0, 0, 0.7);
+  menuColorActive: #f4f4f5;
+  menuBackground: #304156;
+  menuLightBackground: #ffffff;
+  subMenuBackground: #1f2d3d;
+  subMenuHover: #001528;
+  sideBarWidth: 270px;
+  logoTitleColor: #ffffff;
+  logoLightTitleColor: #001529;
+}
+/*# sourceMappingURL=variables.css.map */

src/assets/styles/variables.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAwBA;;;;;;;;;;;;EAYE;AAMF,AAAA,OAAO,CAAC;EACN,SAAS,EAhCM,OAAO;EAiCtB,cAAc,EA5BO,kBAAe;EA6BpC,eAAe,EAjCO,OAAO;EAkC7B,cAAc,EAjCM,OAAO;EAkC3B,mBAAmB,EA9BO,OAAO;EA+BjC,iBAAiB,EA5BO,OAAO;EA6B/B,YAAY,EA5BO,OAAO;EA6B1B,YAAY,EAZO,KAAK;EAaxB,cAAc,EArCQ,OAAO;EAsC7B,mBAAmB,EAlCS,OAAO;CAmCpC",
+    "sources": [
+        "variables.scss"
+    ],
+    "names": [],
+    "file": "variables.css"
+}

src/components/popover-select-v2/index.vue

@@ -221,20 +221,8 @@ export default {
       }
     },
     async handleChange() {
-      // 物料赋值'MATERIAL_PARAM'
       const { referName } = this.$props;
-
-      let materialCodeList = this.innerValue.split(/,|，|\s+/);
-
-      try {
-        let { code, rows } = await REFER({
-          materialCodeList,
-          type: referName,
-        });
-        if (code == 200) {
-          this.$emit("change", rows, this.$props);
-        }
-      } catch (error) {}
+      this.$emit("copyChange", this.innerValue.split(/,|，|\s+/));
     },
     handleClear() {
       this.innerValue = "";

src/components/popover-select/index.vue

@@ -277,22 +277,8 @@ export default {
       }
     },
     async handleChange() {
-      // 物料赋值'MATERIAL_PARAM'
       const { type, source } = this.$props;
-      if (type === "MATERIAL_PARAM") {
-        let materialCodeList = this.innerValue.split(/,|，|\s+/);
-
-        try {
-          let { code, rows } = await REFER({
-            materialCodeList,
-            type,
-          });
-
-          if (code == 200) {
-            // this.$emit("change",rows, type, source);
-          }
-        } catch (error) {}
-      }
+      this.$emit("copyChange", this.innerValue.split(/,|，|\s+/));
     },
   },
   created() {},
@@ -314,13 +300,6 @@ export default {
       @change="handleChange"
       @keyup.enter.native="handleChange"
     >
-      <!-- suffix -->
-      <!-- <el-button
-        :disabled="disabled"
-        slot="append"
-        icon="el-icon-search"
-        @click="open"
-      ></el-button> -->
       <i :size="size" class="el-icon-search" slot="suffix" @click="open"> </i>
     </el-input>
     <el-autocomplete

src/views/material/basicFile/style/index.css

@@ -0,0 +1,15 @@
+.material-basic {
+  padding: 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.material-basic .material-table {
+  height: calc(100vh - 245px);
+}
+
+.material-basic .el-card {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+/*# sourceMappingURL=index.css.map */

src/views/material/basicFile/style/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AACA,AAAA,eAAe,CAAC;EAEd,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,UAAU;CAYvB;;AAfD,AAKE,eALa,CAKb,eAAe,CAAC;EACd,MAAM,EAAE,mBAAmB;CAC5B;;AAPH,AASE,eATa,CASb,QAAQ,CAAA;EAEN,UAAU,EAAE,UAAU;CACvB",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/views/material/requisition/style/index.css

@@ -0,0 +1,11 @@
+.material-requisition {
+  height: calc(100vh - 84px);
+  padding: 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.material-requisition .request-table {
+  height: calc(100vh - 245px);
+}
+/*# sourceMappingURL=index.css.map */

src/views/material/requisition/style/index.css.map

@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AACA,AAAA,qBAAqB,CAAA;EACnB,MAAM,EAAE,kBAAkB;EAC1B,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,UAAU;CAKvB;;AARD,AAKE,qBALmB,CAKnB,cAAc,CAAC;EACb,MAAM,EAAE,mBAAmB;CAC5B",
+    "sources": [
+        "index.scss"
+    ],
+    "names": [],
+    "file": "index.css"
+}

src/views/purchase/purchase-order/add/column.js

@@ -376,6 +376,7 @@ const PurchaseTabColumns =[
         valueKey: "id",
         referName: "CUSTOMER_PARAM",
         width: 180,
+        copy: true,
         dataMapping:{
           customer:'id',
           customerName:'name',
@@ -385,14 +386,15 @@ const PurchaseTabColumns =[
         key: "goodsAllocationName",
         title: "货位",
         inputType: "PopoverSelect",
-        valueKey: "id",
+        valueKey: "name",
         referName: "ALLOCATION_PARAM",
         dataMapping: {
           goodsAllocation: 'id',
           goodsAllocationName: 'name',
     
         },
-         isShow:true,
+        isShow:true,
+        copy: true,
         queryParams: (params) => ({
           stordocId: params.warehouse,
           pkOrg: params.puOrg,
@@ -415,7 +417,7 @@ const PurchaseTabColumns =[
         require: true,
         valueKey: "code",
         referName: "MATERIAL_PARAM",
-        // copy: true,
+        copy: true,
         dataMapping: {
           material: "id",
           materialName: "name",
@@ -486,8 +488,10 @@ const PurchaseTabColumns =[
       {
         key: "qty",
         title: "数量",
-        inputType: "InputNumber",
-        controlsPosition: "right",
+        inputType: "Input",
+        copy: true,
+        // inputType: "InputNumber",
+        // controlsPosition: "right",
         width: 120,
         require: true,
         isSummary:true,
@@ -1165,12 +1169,13 @@ const CauseTabColumns =[
           customer:'id',
           customerName:'name',
         },
+        copy: true,
       },
       {
         key: "goodsAllocationName",
         title: "货位",
         inputType: "PopoverSelect",
-        valueKey: "id",
+        valueKey: "name",
         referName: "ALLOCATION_PARAM",
         dataMapping: {
           goodsAllocation: 'id',
@@ -1178,6 +1183,7 @@ const CauseTabColumns =[
 
         },
         isShow:true,
+        copy: true,
         queryParams: (params) => ({
           stordocId: params.warehouse,
           pkOrg: params.puOrg,
@@ -1200,6 +1206,7 @@ const CauseTabColumns =[
         require: true,
         valueKey: "code",
         referName: "MATERIAL_PARAM",
+        copy: true,
         dataMapping: {
           material: "id",
           materialName: "name",
@@ -1292,8 +1299,10 @@ const CauseTabColumns =[
       {
         key: "qty",
         title: "数量",
-        inputType: "InputNumber",
-        controlsPosition: "right",
+        // inputType: "InputNumber",
+        // controlsPosition: "right",
+        inputType: "Input",
+        copy: true,
         width: 120,
         isSummary:true,
       },

src/views/purchase/purchase-order/add/index.vue

@@ -761,6 +761,92 @@ export default {
       // sums[index] = sums[index] && sums[index].toFixed(2); // 保留2位小数，解决小数合计列
       return [means];
     },
+    // 子表-批量复制
+    async tabCopyChange(prop, { column, source }) {
+      let { key, referName, dataMapping } = column;
+      try {
+        this.tabLoading = true;
+        if (key === "materialCode") {
+          let {
+            code,
+            data: { puOrderItemList },
+          } = await orderApi.materialCopy({
+            materialCode: prop,
+            puOrderItemList: this.params.puOrderItemList.filter(
+              (item) => item.rowNo != source.rowNo
+            ),
+            // puOrderExecuteList
+          });
+          if (code == 200) {
+            this.params.puOrderItemList = [...puOrderItemList];
+            // this.params.puOrderExecuteList = [...puOrderExecuteList];
+          }
+        } else {
+          let params = {
+            searchList: prop,
+            type: referName,
+          };
+
+          key === "goodsAllocationName" &&
+            (params["stordocId"] = this.params.warehouse);
+          let { code, rows } = await orderApi.REFER(params);
+          if (code == 200) {
+            !rows.length &&
+              this.$notify.warning({
+                message: "粘贴数据检索为空,请检查是否符合要求！",
+              });
+            rows = rows.map((item) => {
+              let obj = {};
+              for (const key in dataMapping) {
+                obj[key] = item[dataMapping[key]];
+              }
+              return obj;
+            });
+
+            let invariant = this.params.puOrderItemList.filter(
+              (item) => item.rowNo < source.rowNo
+            );
+            let change = this.params.puOrderItemList
+              .filter((item) => !(item.rowNo < source.rowNo))
+              .map((item, index) => {
+                return {
+                  ...item,
+                  ...rows[index],
+                };
+              });
+            this.params.puOrderItemList = [...invariant, ...change];
+          }
+        }
+      } catch (error) {
+      } finally {
+        this.tabLoading = false;
+      }
+    },
+
+    inputTabChange(prop, { column, source }) {
+      let { key, copy } = column;
+      // 数量-批量复制
+      if (copy) {
+        if (key === "qty") {
+          let munList = prop.split(/,|，|\s+/);
+
+          let invariant = this.params.puOrderItemList.filter(
+            (item) => item.rowNo < source.rowNo
+          );
+
+          let change = this.params.puOrderItemList
+            .filter((item) => !(item.rowNo < source.rowNo))
+            .map((item, index) => {
+              return {
+                ...item,
+                qty: munList[index],
+              };
+            });
+          this.params.puOrderItemList = [...invariant, ...change];
+          this.handleGetPrice();
+        }
+      }
+    },
   },
   created() {
     console.log("ADD CREATED", this.params);
@@ -1009,6 +1095,13 @@ export default {
                       :disabled="cColumn.disabled"
                       :size="size"
                       style="width: 100%"
+                      @change="
+                        (prop) =>
+                          inputTabChange(prop, {
+                            column: cColumn,
+                            source: scope.row,
+                          })
+                      "
                     ></el-input>
 
                     <!-- copy -->
@@ -1033,6 +1126,13 @@ export default {
                             })
                       "
                       @change="handleTabReferChange"
+                      @copyChange="
+                        (prop) =>
+                          tabCopyChange(prop, {
+                            column: cColumn,
+                            source: scope.row,
+                          })
+                      "
                     >
                     </dr-popover-select>
 

src/views/purchase/purchase-order/edit/index.vue

@@ -719,6 +719,96 @@ export default {
       // sums[index] = sums[index] && sums[index].toFixed(2); // 保留2位小数，解决小数合计列
       return [means];
     },
+    // 子表-批量复制
+    async tabCopyChange(prop, { column, source }) {
+      let { key, referName, dataMapping } = column;
+      try {
+        this.tabLoading = true;
+        if (key === "materialCode") {
+          let {
+            code,
+            data: { puOrderItemList },
+          } = await orderApi.materialCopy({
+            materialCode: prop,
+            puOrderItemList: this.params.puOrderItemList.filter(
+              (item) => item.rowNo != source.rowNo
+            ),
+            // puOrderExecuteList
+          });
+          if (code == 200) {
+            this.params.puOrderItemList = [...puOrderItemList];
+            // this.params.puOrderExecuteList = [...puOrderExecuteList];
+          }
+        } else {
+          let params = {
+            searchList: prop,
+            type: referName,
+          };
+
+          key === "goodsAllocationName" &&
+            (params["stordocId"] = this.params.warehouse);
+          let { code, rows } = await orderApi.REFER(params);
+          if (code == 200) {
+            !rows.length &&
+              this.$notify.warning({
+                message: "粘贴数据检索为空,请检查是否符合要求！",
+              });
+            rows = rows.map((item) => {
+              let obj = {};
+              for (const key in dataMapping) {
+                obj[key] = item[dataMapping[key]];
+              }
+              return obj;
+            });
+
+            let invariant = this.params.puOrderItemList.filter(
+              (item) => item.rowNo < source.rowNo || item.delFlag !== "0"
+            );
+            let change = this.params.puOrderItemList
+              .filter(
+                (item) => !(item.rowNo < source.rowNo) && item.delFlag === "0"
+              )
+              .map((item, index) => {
+                return {
+                  ...item,
+                  ...rows[index],
+                };
+              });
+            this.params.puOrderItemList = [...invariant, ...change];
+          }
+        }
+      } catch (error) {
+      } finally {
+        this.tabLoading = false;
+      }
+    },
+
+    inputTabChange(prop, { column, source }) {
+      let { key, copy } = column;
+      // 数量-批量复制
+      if (copy) {
+        if (key === "qty") {
+          let munList = prop.split(/,|，|\s+/);
+
+          let invariant = this.params.puOrderItemList.filter(
+            (item) => item.rowNo < source.rowNo || item.delFlag !== "0"
+          );
+
+          let change = this.params.puOrderItemList
+            .filter(
+              (item) => !(item.rowNo < source.rowNo) && item.delFlag === "0"
+            )
+            .map((item, index) => {
+              return {
+                ...item,
+                qty: munList[index],
+              };
+            });
+          this.params.puOrderItemList = [...invariant, ...change];
+          this.handleGetPrice();
+        }
+      }
+    },
   },
   created() {},
   mounted() {},
@@ -966,6 +1056,13 @@ export default {
                       :disabled="cColumn.disabled"
                       :size="size"
                       style="width: 100%"
+                      @change="
+                        (prop) =>
+                          inputTabChange(prop, {
+                            column: cColumn,
+                            source: scope.row,
+                          })
+                      "
                     ></el-input>
 
                     <dr-popover-select
@@ -975,6 +1072,7 @@ export default {
                       :title="cColumn.title"
                       :value-key="cColumn.valueKey"
                       :disabled="cColumn.disabled"
+                      :copy="cColumn.copy"
                       :type="cColumn.referName"
                       :multiple="cColumn.multiple"
                       :placeholder="cColumn.placeholder"
@@ -989,6 +1087,13 @@ export default {
                       "
                       :size="size"
                       @change="handleTabReferChange"
+                      @copyChange="
+                        (prop) =>
+                          tabCopyChange(prop, {
+                            column: cColumn,
+                            source: scope.row,
+                          })
+                      "
                     ></dr-popover-select>
 
                     <el-select