|
@@ -17,7 +17,7 @@
|
|
|
<el-button type="danger" @click="delOne" v-if="userLimits.del">删除</el-button>
|
|
<el-button type="danger" @click="delOne" v-if="userLimits.del">删除</el-button>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="box" v-for="(item, index) in allList" :key="item.id">
|
|
<div class="box" v-for="(item, index) in allList" :key="item.id">
|
|
|
- <div class="title" :style="arrowsShow === index?'background-color: #f2f2f2;':''">
|
|
|
|
|
|
|
+ <div class="title" :style="arrowsShow === index?'background-color: #ddecff;':''">
|
|
|
<i
|
|
<i
|
|
|
:class="
|
|
:class="
|
|
|
arrowsShow === index
|
|
arrowsShow === index
|
|
@@ -46,16 +46,17 @@
|
|
|
<div class="title" v-show="towList.name">
|
|
<div class="title" v-show="towList.name">
|
|
|
<b>{{ towList.name }}</b>
|
|
<b>{{ towList.name }}</b>
|
|
|
<span>仓库编号:{{ towList.num }}</span>
|
|
<span>仓库编号:{{ towList.num }}</span>
|
|
|
|
|
+ <div class="iJihe">
|
|
|
<i class="el-icon-plus" @click="addThree" v-if="userLimits.edit"></i>
|
|
<i class="el-icon-plus" @click="addThree" v-if="userLimits.edit"></i>
|
|
|
<i class="el-icon-edit" @click="editTow" v-if="userLimits.edit"></i>
|
|
<i class="el-icon-edit" @click="editTow" v-if="userLimits.edit"></i>
|
|
|
<i class="el-icon-delete" @click="delTow" v-if="userLimits.del"></i>
|
|
<i class="el-icon-delete" @click="delTow" v-if="userLimits.del"></i>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 表格 -->
|
|
<!-- 表格 -->
|
|
|
<div class="table" v-if="towList.name">
|
|
<div class="table" v-if="towList.name">
|
|
|
<el-table
|
|
<el-table
|
|
|
- :header-cell-style="{ background: '#d8dff0', color: '#404040' }"
|
|
|
|
|
|
|
+ :header-cell-style="{ height: '55px', color: '#404040' }"
|
|
|
:data="tableData"
|
|
:data="tableData"
|
|
|
- border
|
|
|
|
|
style="width: 100%"
|
|
style="width: 100%"
|
|
|
>
|
|
>
|
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -468,21 +469,23 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
margin: 0 20px 40px;
|
|
margin: 0 20px 40px;
|
|
|
- padding: 30px 60px 0;
|
|
|
|
|
|
|
+ // padding: 30px 60px 0;
|
|
|
.conten_left {
|
|
.conten_left {
|
|
|
width: 380px;
|
|
width: 380px;
|
|
|
- height: 650px;
|
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
|
- margin-right: 30px;
|
|
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ border-right: 1px solid #ccc;
|
|
|
.btn {
|
|
.btn {
|
|
|
|
|
+ padding-left: 30px;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
|
|
|
|
+ justify-content: left;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
height: 80px;
|
|
height: 80px;
|
|
|
}
|
|
}
|
|
|
.title {
|
|
.title {
|
|
|
|
|
+ padding-left: 10px;
|
|
|
span {
|
|
span {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
}
|
|
|
position: relative;
|
|
position: relative;
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -492,7 +495,7 @@ export default {
|
|
|
color: black;
|
|
color: black;
|
|
|
& > i {
|
|
& > i {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- font-size: 30px;
|
|
|
|
|
|
|
+ font-size: 24px;
|
|
|
}
|
|
}
|
|
|
& > i:nth-of-type(2) {
|
|
& > i:nth-of-type(2) {
|
|
|
right: 35px;
|
|
right: 35px;
|
|
@@ -505,17 +508,14 @@ export default {
|
|
|
float: right;
|
|
float: right;
|
|
|
margin: 0 10px;
|
|
margin: 0 10px;
|
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
|
- color: #a5acb3;
|
|
|
|
|
|
|
+ color: #333;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.area {
|
|
.area {
|
|
|
color: black;
|
|
color: black;
|
|
|
li {
|
|
li {
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
- // width: 100%;
|
|
|
|
|
- // height: 33px;
|
|
|
|
|
- // line-height: 33px;
|
|
|
|
|
- margin-left: 50px;
|
|
|
|
|
|
|
+ margin: 10px 50px 0;
|
|
|
}
|
|
}
|
|
|
li:hover {
|
|
li:hover {
|
|
|
color: #3E5EB3;
|
|
color: #3E5EB3;
|
|
@@ -536,9 +536,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
position: relative;
|
|
position: relative;
|
|
|
.table {
|
|
.table {
|
|
|
|
|
+ margin:0 20px;
|
|
|
/deep/.el-table__body-wrapper{
|
|
/deep/.el-table__body-wrapper{
|
|
|
max-height: 524px;
|
|
max-height: 524px;
|
|
|
- max-width: 1150px !important;
|
|
|
|
|
|
|
+ max-width: 1303px !important;
|
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
|
}
|
|
}
|
|
|
i {
|
|
i {
|
|
@@ -555,10 +556,11 @@ export default {
|
|
|
bottom: 20px;
|
|
bottom: 20px;
|
|
|
}
|
|
}
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
- height: 650px;
|
|
|
|
|
- border: 1px solid #ccc;
|
|
|
|
|
|
|
+ height: 100%;
|
|
|
.title {
|
|
.title {
|
|
|
- height: 75px;
|
|
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
|
|
+ height: 81px;
|
|
|
color: black;
|
|
color: black;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -569,10 +571,16 @@ export default {
|
|
|
& > span {
|
|
& > span {
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
}
|
|
}
|
|
|
- & > i {
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- font-size: 24px;
|
|
|
|
|
- margin: 0 10px;
|
|
|
|
|
|
|
+ .iJihe{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ right: 20px;
|
|
|
|
|
+ top: 50%;
|
|
|
|
|
+ transform: translateY(-50%);
|
|
|
|
|
+ & > i {
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ font-size: 24px;
|
|
|
|
|
+ margin: 0 10px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|