|
@@ -106,7 +106,27 @@
|
|
v-for="(item, index) in freightspace"
|
|
v-for="(item, index) in freightspace"
|
|
>
|
|
>
|
|
<div class="trucks">
|
|
<div class="trucks">
|
|
- <div class="driver">货车信息-{{ index + 1 }}</div>
|
|
|
|
|
|
+ <div class="driver">
|
|
|
|
+ <span class="driver">货车信息-{{ index + 1 }}</span>
|
|
|
|
+
|
|
|
|
+ <img
|
|
|
|
+ width="22"
|
|
|
|
+ height="22"
|
|
|
|
+ class="add"
|
|
|
|
+ @click="add"
|
|
|
|
+ src="../../../public/img/add.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ <img
|
|
|
|
+ width="22"
|
|
|
|
+ height="22"
|
|
|
|
+ class="del"
|
|
|
|
+ @click="del(index)"
|
|
|
|
+ src="../../../public/img/del.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+
|
|
<ws-info-table class="el-table">
|
|
<ws-info-table class="el-table">
|
|
<!--车牌号-->
|
|
<!--车牌号-->
|
|
<ws-form-item
|
|
<ws-form-item
|
|
@@ -188,22 +208,6 @@
|
|
/>
|
|
/>
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
- <img
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- class="add"
|
|
|
|
- @click="add"
|
|
|
|
- src="../../../public/img/add.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- <img
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- class="del"
|
|
|
|
- @click="del(index)"
|
|
|
|
- src="../../../public/img/del.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ws-form>
|
|
</ws-form>
|
|
@@ -219,7 +223,25 @@
|
|
v-for="(item, index) in freightspace1"
|
|
v-for="(item, index) in freightspace1"
|
|
>
|
|
>
|
|
<div class="gathering">
|
|
<div class="gathering">
|
|
- <div class="driver">收款人账户信息-{{ index + 1 }}</div>
|
|
|
|
|
|
+ <div class="driver">
|
|
|
|
+ 收款人账户信息-{{ index + 1 }}
|
|
|
|
+ <img
|
|
|
|
+ width="22"
|
|
|
|
+ height="22"
|
|
|
|
+ class="add"
|
|
|
|
+ @click="add1"
|
|
|
|
+ src="../../../public/img/add.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ <img
|
|
|
|
+ width="22"
|
|
|
|
+ height="22"
|
|
|
|
+ class="del"
|
|
|
|
+ @click="del1(index)"
|
|
|
|
+ src="../../../public/img/del.png"
|
|
|
|
+ alt=""
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
<ws-info-table class="el-table">
|
|
<ws-info-table class="el-table">
|
|
<!--账户类型-->
|
|
<!--账户类型-->
|
|
<ws-form-item
|
|
<ws-form-item
|
|
@@ -375,22 +397,6 @@
|
|
</ws-select>
|
|
</ws-select>
|
|
</ws-form-item>
|
|
</ws-form-item>
|
|
</ws-info-table>
|
|
</ws-info-table>
|
|
- <img
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- class="add"
|
|
|
|
- @click="add1"
|
|
|
|
- src="../../../public/img/add.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
- <img
|
|
|
|
- width="22"
|
|
|
|
- height="22"
|
|
|
|
- class="del"
|
|
|
|
- @click="del1(index)"
|
|
|
|
- src="../../../public/img/del.png"
|
|
|
|
- alt=""
|
|
|
|
- />
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ws-form>
|
|
</ws-form>
|
|
@@ -978,16 +984,21 @@ export default {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.position {
|
|
.position {
|
|
position: relative;
|
|
position: relative;
|
|
|
|
+ background: #f6f7fc;
|
|
|
|
+ height: 124px;
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+ border: 1px solid #D8DCE6;
|
|
|
|
+ border-radius: 3px;
|
|
}
|
|
}
|
|
.add,
|
|
.add,
|
|
.del {
|
|
.del {
|
|
position: absolute;
|
|
position: absolute;
|
|
- right: -38px;
|
|
|
|
- top: 9px;
|
|
|
|
|
|
+ top: 10px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+ margin-left: 17px;
|
|
}
|
|
}
|
|
.del {
|
|
.del {
|
|
- right: -70px;
|
|
|
|
|
|
+ margin-left: 50px;
|
|
}
|
|
}
|
|
.amap-page-container {
|
|
.amap-page-container {
|
|
width: 300px;
|
|
width: 300px;
|
|
@@ -1098,7 +1109,9 @@ export default {
|
|
height: 93vh;
|
|
height: 93vh;
|
|
}
|
|
}
|
|
/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
/deep/.ws-info-table .el-form-item .el-form-item__label {
|
|
- width: 80px;
|
|
|
|
|
|
+ // width: 110px;
|
|
|
|
+ width: 40%;
|
|
|
|
+ text-align: center;
|
|
}
|
|
}
|
|
/deep/.ws-info-table .el-form-item {
|
|
/deep/.ws-info-table .el-form-item {
|
|
width: 25%;
|
|
width: 25%;
|
|
@@ -1125,20 +1138,28 @@ export default {
|
|
width: 20%;
|
|
width: 20%;
|
|
}
|
|
}
|
|
.el-form-item.el-car.el-form-item--small {
|
|
.el-form-item.el-car.el-form-item--small {
|
|
- width: 33.3%;
|
|
|
|
|
|
+ width: 33.33%;
|
|
|
|
+ border-top: 1px solid #D8DCE6;
|
|
|
|
+ border-bottom: 0px;
|
|
|
|
+ background: #F6F7FC;
|
|
}
|
|
}
|
|
.trucks {
|
|
.trucks {
|
|
color: #69708c;
|
|
color: #69708c;
|
|
border: 1px solid #d8dce6;
|
|
border: 1px solid #d8dce6;
|
|
- width: 90%;
|
|
|
|
padding: 12px;
|
|
padding: 12px;
|
|
border-radius: 3px;
|
|
border-radius: 3px;
|
|
margin: 10px 0;
|
|
margin: 10px 0;
|
|
|
|
+ border: 0px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #8890b1;
|
|
|
|
+ width: 100%;
|
|
}
|
|
}
|
|
/deep/.trucks .ws-info-table,
|
|
/deep/.trucks .ws-info-table,
|
|
/deep/.trucks .ws-info-table .el-form-item,
|
|
/deep/.trucks .ws-info-table .el-form-item,
|
|
/deep/.trucks .ws-info-table .el-form-item .el-form-item__content {
|
|
/deep/.trucks .ws-info-table .el-form-item .el-form-item__content {
|
|
border: none;
|
|
border: none;
|
|
|
|
+ background: #f6f7fc;
|
|
|
|
+ border-radius: 4px;
|
|
}
|
|
}
|
|
/deep/.trucks .el-table__expanded-cell,
|
|
/deep/.trucks .el-table__expanded-cell,
|
|
/deep/.trucks .ws-info-table .el-form-item .el-form-item__label,
|
|
/deep/.trucks .ws-info-table .el-form-item .el-form-item__label,
|
|
@@ -1153,28 +1174,34 @@ export default {
|
|
}
|
|
}
|
|
.gathering {
|
|
.gathering {
|
|
background: #f5f7fa;
|
|
background: #f5f7fa;
|
|
- border: 1px solid #d8dce6;
|
|
|
|
- border-radius: 3px;
|
|
|
|
- width: 90%;
|
|
|
|
|
|
+
|
|
}
|
|
}
|
|
/deep/.gathering .ws-info-table {
|
|
/deep/.gathering .ws-info-table {
|
|
border-left: none;
|
|
border-left: none;
|
|
- border-top: 1px solid #d8dce6;
|
|
|
|
|
|
+ border: none;
|
|
}
|
|
}
|
|
/deep/.gathering .driver {
|
|
/deep/.gathering .driver {
|
|
padding: 10px;
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
+.driver {
|
|
|
|
+ color: #5473e8;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ font-size: 14px;
|
|
|
|
+}
|
|
/deep/.gathering .el-form-item .el-form-item__label {
|
|
/deep/.gathering .el-form-item .el-form-item__label {
|
|
background: #f5f7fa;
|
|
background: #f5f7fa;
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
+ border-right: 1px solid #D8DCE6;
|
|
|
|
+ width: 140px;
|
|
}
|
|
}
|
|
/deep/.gathering .ws-info-table .el-form-item .el-form-item__content {
|
|
/deep/.gathering .ws-info-table .el-form-item .el-form-item__content {
|
|
- border-left: 1px solid #d8dce6;
|
|
|
|
|
|
+ border:none;
|
|
|
|
+ background: #F6F7FC;
|
|
}
|
|
}
|
|
/deep/.gathering .ws-info-table .el-form-item.compname,
|
|
/deep/.gathering .ws-info-table .el-form-item.compname,
|
|
/deep/.gathering .ws-info-table .el-form-item.bankDeposit,
|
|
/deep/.gathering .ws-info-table .el-form-item.bankDeposit,
|
|
/deep/.gathering .ws-info-table .el-form-item.bankDeposit1 {
|
|
/deep/.gathering .ws-info-table .el-form-item.bankDeposit1 {
|
|
- border-right: 1px solid transparent;
|
|
|
|
|
|
+ border:none;
|
|
}
|
|
}
|
|
/deep/.gathering .ws-info-table .el-form-item.compname {
|
|
/deep/.gathering .ws-info-table .el-form-item.compname {
|
|
width: 100%;
|
|
width: 100%;
|