order

assets/css/base.less

@@ -1156,7 +1156,7 @@ html [type=button] {
         }
       }
       .tree {
-        height: calc(100% - 100px);
+        height: calc(100% - 150px);
         overflow: auto;
       }
     }

components/modalTree/storeHouseLeft.vue

@@ -16,7 +16,7 @@
         </Button>
       </ButtonGroup>
     </h3>
-    <div class="tree">
+    <div class="tree" >
       <Tree
         ref="tree"
         :data="tree"

pages/order/orderManager.vue

@@ -5,7 +5,7 @@
         <h3 class="zh-title">产品结构</h3>
         <div class="zh-box" >
           <Input search placeholder="请输入查询条件" v-model="treeInputSearch" />
-          <Tree :data="searchList" :style="{height:(treeHeight-95)+'px'}" style="overflow:auto;width:215px;"   @on-select-change="selectTreeNode"></Tree>
+          <Tree :data="searchList" :style="{height:(treeHeight-115)+'px'}" style="overflow:auto;width:215px;"   @on-select-change="selectTreeNode"></Tree>
         </div>
       </div>
     </Sider>
@@ -217,21 +217,21 @@ export default {
     }
   },
   created() {
-    this.treeHeight = window.innerHeight - 100
+    this.treeHeight = window.innerHeight - 150
   },
   async fetch({ store, params }) {
     await store.dispatch('loadDictionary') // 加载数据字典
   },
   mounted() {
     this.initTree()
-    this.tableHeight = window.innerHeight - 160
+    this.tableHeight = window.innerHeight - 220
     this.$refs.CustomTable.getTableHeight(this.tableHeight)
     window.onresize = () => {
       ///浏览器窗口大小变化
       return (() => {
         window.screenHeight = window.innerHeight
-        this.treeHeight = window.screenHeight - 100
-        this.tableHeight = window.screenHeight - 160
+        this.treeHeight = window.screenHeight - 150
+        this.tableHeight = window.screenHeight - 220
         this.$refs.CustomTable.getTableHeight(this.tableHeight)
       })()
     }

src/assets/css/base.css

+html body {
+  min-width: 1240px;
+}
+.__nuxt-error-page .title {
+  font-size: 16px;
+}
+#__nuxt,
+#__layout {
+  height: 100%;
+}
+/*字体*/
+.ib {
+  display: inline;
+}
+.f14 {
+  font-size: 14px;
+}
+.f16 {
+  font-size: 16px;
+}
+.f18 {
+  font-size: 18px;
+}
+.f20 {
+  font-size: 20px;
+}
+.f24 {
+  font-size: 24px;
+}
+.fw5 {
+  font-weight: 500;
+}
+.fwBold {
+  font-weight: bold;
+}
+.ico:hover {
+  color: #f23a3a;
+  cursor: pointer;
+}
+.lh10 {
+  line-height: 10px;
+}
+.lh15 {
+  line-height: 15px;
+}
+.lh20 {
+  line-height: 20px;
+}
+.lh25 {
+  line-height: 25px;
+}
+.lh30 {
+  line-height: 30px;
+}
+.lh40 {
+  line-height: 40px;
+}
+/*边距*/
+.m10 {
+  margin: 10px;
+}
+.mt4 {
+  margin-top: 4px;
+}
+.mt5 {
+  margin-top: 5px;
+}
+.mt10 {
+  margin-top: 10px;
+}
+.mt15 {
+  margin-top: 15px;
+}
+.mt20 {
+  margin-top: 20px;
+}
+.mt30 {
+  margin-top: 30px;
+}
+.mt50 {
+  margin-top: 50px;
+}
+.mb0 {
+  margin-bottom: 0px;
+}
+.mb10 {
+  margin-bottom: 10px;
+}
+.mb15 {
+  margin-bottom: 15px;
+}
+.mb20 {
+  margin-bottom: 20px;
+}
+.ml0 {
+  margin-left: 0;
+}
+.ml5 {
+  margin-left: 5px;
+}
+.ml10 {
+  margin-left: 10px;
+}
+.ml15 {
+  margin-left: 15px;
+}
+.ml20 {
+  margin-left: 20px;
+}
+.ml30 {
+  margin-left: 30px;
+}
+.ml110 {
+  margin-left: 110px;
+}
+.mr0 {
+  margin-right: 0px;
+}
+.mr5 {
+  margin-right: 5px;
+}
+.mr10 {
+  margin-right: 10px;
+}
+.mr15 {
+  margin-right: 15px;
+}
+.mr20 {
+  margin-right: 20px;
+}
+.mr30 {
+  margin-right: 30px;
+}
+.mtb10 {
+  margin: 10px 0;
+}
+.m15 {
+  margin: 15px;
+}
+/*内边距*/
+.ptb10 {
+  padding: 10px 0px;
+}
+.pd5 {
+  padding: 5px;
+}
+.pt10 {
+  padding: 10px 0px 0;
+}
+.ptb5 {
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.pd10 {
+  padding: 10px;
+}
+.p10 {
+  padding: 10px;
+}
+.p20 {
+  padding: 20px;
+}
+.pl30 {
+  padding-left: 30px;
+}
+.pl5 {
+  padding-left: 5px;
+}
+.pl10 {
+  padding-left: 10px;
+}
+.pl20 {
+  padding-left: 20px;
+}
+.bnone {
+  border: none;
+}
+.marnone {
+  margin: 0;
+}
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+.hidden {
+  overflow: hidden;
+}
+.zh-scroll-y {
+  overflow-y: scroll;
+}
+.h-stack {
+  overflow: visible;
+}
+.zh-ellip {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ver-m {
+  vertical-align: middle;
+}
+/*栅格化*/
+.col-xs6 .col-4 {
+  width: 25%;
+  display: inline-block;
+}
+.col-3 {
+  width: 33.33333%;
+  display: inline-block;
+}
+/*宽度*/
+.w50 {
+  width: 50px;
+}
+.w80 {
+  width: 80px;
+}
+.w100 {
+  width: 100px;
+}
+.w120 {
+  width: 120px;
+}
+.w160 {
+  width: 160px;
+}
+.w180 {
+  width: 180px;
+}
+.w200 {
+  width: 200px;
+}
+.w240 {
+  width: 240px;
+}
+.w270 {
+  width: 270px;
+}
+.w300 {
+  width: 300px;
+}
+.w800 {
+  width: 800px;
+}
+/*高度*/
+.h17 {
+  height: 17px;
+  line-height: 17px;
+}
+.h28 {
+  height: 28px;
+}
+.h36 {
+  height: 36px;
+}
+.h50 {
+  height: 50px;
+}
+.h200 {
+  height: 200px;
+}
+.h400 {
+  height: 400px;
+  overflow: auto;
+}
+/*最小高度*/
+.minh300 {
+  min-height: 300px;
+}
+.minh100 {
+  min-height: 100px;
+}
+.minh200 {
+  min-height: 200px;
+}
+/*最小宽度*/
+.minW100 {
+  min-width: 100px;
+}
+.minW140 {
+  min-width: 140px;
+}
+.minW200 {
+  min-width: 200px;
+}
+/*最大宽度*/
+.maxW50 {
+  max-width: 50px;
+}
+.maxW80 {
+  max-width: 80px;
+}
+/*按钮*/
+.button-box {
+  display: inline-block;
+  text-align: center;
+}
+.button-box-block {
+  display: block;
+  text-align: center;
+}
+.button-box-block .layui-btn,
+.button-box .layui-btn {
+  min-width: 80px;
+}
+.d-button {
+  min-width: 55px;
+  height: 28px;
+  padding: 0 10px;
+  line-height: 30px;
+  text-align: center;
+  display: inline-block;
+  border-radius: 2px;
+  font-size: 14px;
+  background: #e6e6e6;
+  color: #333;
+  margin: 0 5px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  cursor: pointer;
+  -webkit-transition: all 0.2s;
+  -ms-transition: all 0.2s;
+  transition: all 0.2s;
+}
+.d-button:active {
+  transform: scale(0.96);
+}
+/*按钮颜色*/
+.bluebg {
+  background: #237bdf;
+  color: #fff;
+}
+.bluebg:hover {
+  background: #0c79b1;
+}
+.redbg {
+  background: #e2440a;
+}
+.red {
+  color: #f23a3a;
+}
+.redbg:hover {
+  background: #d7342e;
+}
+.qingbg {
+  background: #169bd5;
+  color: #fff;
+}
+.white {
+  color: #fff;
+}
+.qingbg:hover {
+  background: #2f93bf;
+}
+.blue-tab {
+  color: #1e9fff;
+}
+.blue-modal-text {
+  color: #358deb;
+}
+.blue-dark {
+  color: #0e2b55;
+}
+.blue-shadow {
+  color: #7eccfc;
+}
+.orangetext {
+  color: #fca509;
+}
+.orangebg {
+  background: #ff9900;
+}
+.orangebg:hover {
+  background: #e0690c;
+}
+.greenbg {
+  background: #4f9536;
+}
+.green {
+  color: #4f9536;
+}
+.greenbg:hover {
+  background: #4aaa4a;
+}
+.darkblue {
+  background: #5eb95e;
+}
+.redbd {
+  border: 1px dashed #f23a3a;
+  color: #f23a3a;
+  cursor: pointer;
+}
+.greenbd {
+  border: 1px dashed #5eb95e;
+  color: #5eb95e;
+}
+.new-blue {
+  color: #2786f2;
+}
+.new-green {
+  color: #5eae36;
+}
+.new-red {
+  color: #fe4b04;
+}
+.new-orange {
+  color: #ff9900;
+}
+/*图标*/
+i.iconfont {
+  cursor: pointer;
+  display: inline-block;
+  vertical-align: middle;
+}
+i.iconfont:active {
+  -webkit-transform: scale(0.96);
+  -ms-transform: scale(0.96);
+  -o-transform: scale(0.96);
+  transform: scale(0.96);
+}
+/*蓝色图标*/
+i.icon-start,
+i.icon-yundown,
+i.icon-save {
+  color: #1E9FFF;
+}
+/*红色图标*/
+i.icon-tingzhi,
+i.icon-lajitong {
+  color: #FF5722;
+}
+/*青色图标*/
+i.icon-edit {
+  color: #518dd8;
+}
+i.icon-huanvar {
+  color: #4470a7;
+  font-size: 20px;
+}
+i.icon-fault {
+  color: #f71a4b;
+}
+i.icon-yujing {
+  color: #ff9906;
+}
+i.icon-dian {
+  opacity: 0.5;
+}
+/*刷新按钮*/
+.ico-ratate {
+  animation-name: repRotate;
+}
+i.icon-gengxin {
+  animation: linear 0.8s infinite;
+}
+/*浮动*/
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.fn {
+  float: none;
+}
+.tl {
+  text-align: left;
+}
+.tr {
+  text-align: right;
+}
+.tc {
+  text-align: center;
+}
+/*清除浮动*/
+.clear {
+  clear: both;
+}
+/*块*/
+.block {
+  display: block;
+}
+.inline {
+  display: inline-block;
+}
+.cursor {
+  cursor: pointer;
+}
+/* 定位 */
+.pr {
+  position: relative;
+}
+.pa {
+  position: absolute;
+}
+/* 展示框title */
+.show-title {
+  background: #031019;
+  letter-spacing: 2px;
+  color: #b6dff8;
+  text-align: center;
+}
+input::-webkit-input-placeholder,
+select input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #7dbbfb;
+}
+[v-cloak] {
+  display: none;
+}
+.zh-tree {
+  position: relative;
+  display: block;
+  width: 250px;
+  float: left;
+  transform: translateX(0);
+  transition: all 0.2s;
+  box-sizing: border-box;
+  border: #E4E6ED solid 1px;
+  background: #fff;
+  padding: 0px 10px 20px 10px;
+  margin-top: 10px;
+}
+.zh-tree .zh-title {
+  font-size: 14px;
+  padding: 0 5px;
+  line-height: 45px;
+  text-align: left;
+  font-weight: 600;
+  border-bottom: #e4e6ed solid 1px;
+}
+.zh-tree .zh-box {
+  height: -110%;
+  width: 100%;
+  overflow-y: auto;
+  padding: 15px;
+  margin-bottom: -5000px;
+  padding-bottom: 5000px;
+}
+.content-right {
+  margin-left: 10px;
+  width: calc(100% - 260px);
+  height: 100%;
+  float: left;
+  box-sizing: border-box;
+  transition: all 0.2s;
+  background: #fff;
+  padding: 0px 10px 10px 0px;
+  margin-top: 10px;
+}
+.contentRight {
+  width: calc(100%);
+  height: 100%;
+  float: left;
+  box-sizing: border-box;
+  transition: all 0.2s;
+  background: #fff;
+  padding: 0px 10px 10px 0px;
+  margin-top: 10px;
+}
+.topTitle {
+  height: 32px;
+  text-align: right;
+}
+.tableCommon tr th {
+  line-height: 30px;
+  font-size: 14px;
+  background: #f5f6fa;
+}
+.tableCommon .tableCommon tr th {
+  line-height: 30px;
+  font-size: 14px;
+  background: #EEEDF0;
+}
+.tableCommon .tableCommon tr td {
+  padding: 0 2px;
+  background: #D5E6FB;
+}
+.tableCommon tr td {
+  line-height: 25px;
+  font-size: 14px;
+  padding: 0 2px;
+}
+.tableCommon tr td .ivu-table-cell {
+  padding: 0 2px;
+}
+.cellInfoTitle {
+  padding: 0 10px;
+  text-align: right;
+  border: #E4E6ED solid 1px;
+  background: #F5F6FA;
+  color: #515A6E;
+  font-weight: bold;
+  height: 35px;
+  line-height: 34px;
+  margin: -1px;
+}
+.cellInfoContent {
+  padding: 0 10px;
+  text-align: left;
+  border-top: #E4E6ED solid 1px;
+  border-bottom: #E4E6ED solid 1px;
+  border-right: #E4E6ED solid 1px;
+  height: 34px;
+  line-height: 34px;
+  margin: -1px;
+}
+/* 三列合并内容 */
+.cellInfoContent1 {
+  padding: 0 10px;
+  text-align: left;
+  border-top: #E4E6ED solid 1px;
+  border-bottom: #E4E6ED solid 1px;
+  border-right: #E4E6ED solid 1px;
+  height: 34px;
+  line-height: 34px;
+  margin: -1px -5px;
+}
+/* 右侧设置自定义显示列ico */
+.divIco {
+  border: #D0D2D9 solid 1px;
+  border-radius: 4px;
+  height: 28px;
+  line-height: 24px;
+  width: 40px;
+  float: right;
+  text-align: center;
+  margin-left: 5px;
+}
+.divIco:hover {
+  background: #F5F6FA;
+}
+.icoListInfo {
+  font-weight: bold;
+  color: #515A6E;
+  font-size: 24px;
+}
+[type=reset],
+[type=submit],
+button,
+html [type=button] {
+  -webkit-appearance: button;
+}
+.waitTask {
+  /*flex 布局*/
+  display: flex;
+  align-items: center;
+  width: 200px;
+  height: 100px;
+  float: left;
+  margin-right: 10px;
+  word-break: break-word;
+}
+.leftIco {
+  width: 60px;
+  float: left;
+  text-align: center;
+}
+.bold {
+  font-weight: bold;
+}
+.action a {
+  margin: 0 5px;
+  color: #1890FF;
+}
+.action a.detail {
+  color: #1890FF;
+}
+.action a.add {
+  color: #249E91;
+}
+.action a.add:hover {
+  color: #27AB9D;
+}
+.action a.edit {
+  color: #0693d4;
+}
+.action a.edit:hover {
+  color: #35BD90;
+}
+.action a.remove,
+.action a.delete {
+  color: #FF7A8B;
+}
+.action a.delete {
+  color: #FF7A8B;
+}
+.action a.empower {
+  color: #FFBD59;
+}
+.action a.disable {
+  color: #CAD1D9;
+}
+.action a.icon {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  line-height: 28px;
+  margin: 0px 0 0 -4px;
+  border-radius: 50%;
+  color: #515A6E;
+  background: #F5F6FA;
+}
+.action a.icon .ivu-icon {
+  font-weight: bold;
+  font-size: 18px;
+}
+.action a.icon:hover {
+  background: #27AB9D;
+  color: #fff;
+}
+.action a.icon:active {
+  background: #229185;
+  color: #fff;
+}
+.icon_box a.icon {
+  display: inline-grid;
+  width: 28px;
+  height: 28px;
+  line-height: 28px;
+  margin: 0;
+}
+.icon_box a.icon .ivu-icon-ios-eye {
+  font-weight: bold;
+  font-size: 24px;
+  color: #249e91;
+}
+.body-box .bj-box {
+  position: relative;
+  height: 45px;
+}
+.body-box .bj-box .dan-hao,
+.body-box .bj-box .ri-qi,
+.body-box .bj-box .dao-chu {
+  position: absolute;
+  right: 10px;
+  width: 235px;
+  font-size: 14px;
+  color: #333;
+  font-weight: bold;
+  text-align: right;
+}
+.body-box .bj-box .dao-chu {
+  top: 0px;
+  text-align: right;
+}
+.body-box .bj-box .dan-hao {
+  top: 60px;
+}
+.body-box .bj-box .ri-qi {
+  top: 95px;
+}
+.body-box .title-name {
+  text-align: center;
+  font-size: 28px;
+  margin-bottom: 10px;
+}
+.body-box .js-title {
+  text-align: center;
+  font-size: 20px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+.body-box .box-title {
+  height: 45px;
+  line-height: 45px;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #333;
+  border: 1px solid #d3d1d1;
+}
+.body-box .box-dz {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 10px;
+  border-right: 1px solid #d3d1d1;
+  border-left: 1px solid #d3d1d1;
+  font-size: 14px;
+  font-weight: bold;
+  color: #333;
+}
+.zong-ji {
+  height: 45px;
+  line-height: 45px;
+  padding: 0 10px;
+  font-size: 14px;
+  color: #333;
+  border: 1px solid #d3d1d1;
+  border-top: none;
+  display: flex;
+}
+.zong-ji .xiao-ji {
+  width: 202px;
+  border-right: 1px solid #d3d1d1;
+}
+.zong-ji .da-xie {
+  width: 70%;
+  padding-left: 15px;
+  font-weight: bold;
+}
+.zong-ji .xiao-xie {
+  padding-left: 15px;
+  font-weight: bold;
+}
+.bei-zhu {
+  font-size: 14px;
+  color: #333;
+  font-weight: bold;
+  margin-top: 10px;
+}
+.zhi-dan {
+  margin-top: 18px;
+  font-size: 14px;
+  color: #333;
+  font-weight: bold;
+}
+.selectBox div.ivu-select-dropdown {
+  height: auto;
+}
+.footers {
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  text-align: center;
+  padding: 20px 0;
+  background: #d0d2d9;
+}
+.footers div {
+  height: 25px;
+  font-size: 14px;
+  color: #333;
+  line-height: 28px;
+}
+.outPdf table,
+.outPdf table tr th,
+.outPdf table tr td {
+  border: 1px solid #d3d1d1;
+  padding: 0 3px;
+}
+.outPdf table {
+  width: 100%;
+  line-height: 25px;
+  text-align: center;
+  border-collapse: collapse;
+  padding: 2px;
+}
+.outPdf table thead tr th {
+  line-height: 40px;
+}
+.outP table,
+.outP table tr th,
+.outP table tr td {
+  border: 1px solid #000000;
+  padding: 0 3px;
+}
+.outP table {
+  width: 100%;
+  line-height: 25px;
+  text-align: center;
+  border-collapse: collapse;
+  padding: 2px;
+}
+.outP table thead tr th {
+  line-height: 25px;
+}
+.full {
+  height: 100%;
+  background: white;
+  margin-top: 45px;
+}
+.full .menu {
+  border: 1px solid #ddd;
+  padding: 0 5px;
+  overflow: auto;
+}
+.full .menu .title {
+  line-height: 45px;
+  font-size: 14px;
+  padding: 0 5px;
+  border-bottom: #e4e6ed solid 1px;
+}
+.full .menu .title .fr {
+  float: right;
+  margin-top: 10px;
+  cursor: pointer;
+}
+.full .menu .title .fr:hover {
+  color: #249e91;
+}
+.full .menu .tree {
+  height: calc(100% - 150px);
+  overflow: auto;
+}
+.full .content {
+  background: white;
+  padding: 0 0 0 10px;
+  left: 250px;
+  right: 10px;
+}
+.full .content .auto {
+  flex: 1;
+  overflow: auto;
+  position: relative;
+  min-height: 600px;
+}
+.full .content .fly {
+  position: relative;
+  overflow: inherit;
+}
+.full .content .ivu-btn-small {
+  padding: 0;
+  background: red;
+}
+.time {
+  font-size: 14px;
+  font-weight: bold;
+}
+.content {
+  padding-left: 5px;
+}