|
@@ -8,7 +8,8 @@
|
|
<view class="car" v-else>暂无</view>
|
|
<view class="car" v-else>暂无</view>
|
|
</image>
|
|
</image>
|
|
</view>
|
|
</view>
|
|
- <image @click="goCarlist" src="../../static/img/big_rightArrow.png" mode="" style="width: 30rpx;height: 30rpx;"></image>
|
|
|
|
|
|
+ <image @click="goCarlist" src="../../static/img/big_rightArrow.png" mode=""
|
|
|
|
+ style="width: 30rpx;height: 30rpx;"></image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="main" v-if="itemList">
|
|
<view class="main" v-if="itemList">
|
|
@@ -87,9 +88,10 @@
|
|
<view class="tkMain" @click.stop>
|
|
<view class="tkMain" @click.stop>
|
|
<view class="selectItem" v-for="(item,index) in selectItemList" :key="index">
|
|
<view class="selectItem" v-for="(item,index) in selectItemList" :key="index">
|
|
<view class="name">{{item.name}}</view>
|
|
<view class="name">{{item.name}}</view>
|
|
- <view class="priceRight">
|
|
|
|
- <view class="price">¥ {{item.money?item.money:0}}</view>
|
|
|
|
- <image @click="deleteItem(item,index)" src="../../static/img/icon_delete.png" mode="" style="width: 26rpx;height: 26rpx;margin-left: 10rpx;"></image>
|
|
|
|
|
|
+ <view class="priceRight">
|
|
|
|
+ <view class="price">¥ {{item.money?item.money:0}}</view>
|
|
|
|
+ <image @click="deleteItem(item,index)" src="../../static/img/icon_delete.png" mode=""
|
|
|
|
+ style="width: 26rpx;height: 26rpx;margin-left: 10rpx;"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
@@ -123,50 +125,50 @@
|
|
onLoad() {
|
|
onLoad() {
|
|
this.getData();
|
|
this.getData();
|
|
},
|
|
},
|
|
- methods: {
|
|
|
|
- goCarlist(){
|
|
|
|
- uni.navigateTo({
|
|
|
|
- url:'../user/addCar/cailist'
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- empty(){
|
|
|
|
- var that=this;
|
|
|
|
- uni.showModal({
|
|
|
|
- title: '提示',
|
|
|
|
- content: '确定要清空已选项目吗',
|
|
|
|
- success: function (res) {
|
|
|
|
- if(res.confirm){
|
|
|
|
- that.selectItemList = [];
|
|
|
|
- that.qingdanShow=false;
|
|
|
|
- that.getData();
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
- },
|
|
|
|
- deleteItem(item,index){
|
|
|
|
-
|
|
|
|
- // 更新数据
|
|
|
|
- for (var i = 0; i < this.itemList.length; i++) {
|
|
|
|
- let dic = this.itemList[i];
|
|
|
|
-
|
|
|
|
- dic.list.forEach((item2, index) => {
|
|
|
|
-
|
|
|
|
- if (item.id == item2.ID) {
|
|
|
|
-
|
|
|
|
- item2.type = 0;
|
|
|
|
- dic.num -= 1;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- })
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- this.selectItemList.splice(index,1);
|
|
|
|
|
|
+ methods: {
|
|
|
|
+ goCarlist() {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: '../user/addCar/cailist'
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ empty() {
|
|
|
|
+ var that = this;
|
|
|
|
+ uni.showModal({
|
|
|
|
+ title: '提示',
|
|
|
|
+ content: '确定要清空已选项目吗',
|
|
|
|
+ success: function(res) {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ that.selectItemList = [];
|
|
|
|
+ that.qingdanShow = false;
|
|
|
|
+ that.getData();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ },
|
|
|
|
+ deleteItem(item, index) {
|
|
|
|
+
|
|
|
|
+ // 更新数据
|
|
|
|
+ for (var i = 0; i < this.itemList.length; i++) {
|
|
|
|
+ let dic = this.itemList[i];
|
|
|
|
+
|
|
|
|
+ dic.list.forEach((item2, index) => {
|
|
|
|
+
|
|
|
|
+ if (item.id == item2.ID) {
|
|
|
|
+
|
|
|
|
+ item2.type = 0;
|
|
|
|
+ dic.num -= 1;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ this.selectItemList.splice(index, 1);
|
|
},
|
|
},
|
|
caidanClick() {
|
|
caidanClick() {
|
|
this.qingdanShow = !this.qingdanShow
|
|
this.qingdanShow = !this.qingdanShow
|
|
@@ -200,9 +202,10 @@
|
|
if (v.type != 0) {
|
|
if (v.type != 0) {
|
|
count += 1;
|
|
count += 1;
|
|
|
|
|
|
- }
|
|
|
|
|
|
+ }
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
item.num = count;
|
|
item.num = count;
|
|
|
|
|
|
//组合选中的
|
|
//组合选中的
|
|
@@ -235,7 +238,7 @@
|
|
|
|
|
|
},
|
|
},
|
|
changeState(item) {
|
|
changeState(item) {
|
|
- item.open = !item.open
|
|
|
|
|
|
+ item.open = !item.open
|
|
},
|
|
},
|
|
leftClick(item, index) {
|
|
leftClick(item, index) {
|
|
this.leftIndex = index
|
|
this.leftIndex = index
|
|
@@ -263,7 +266,8 @@
|
|
item['open'] = false
|
|
item['open'] = false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
- }
|
|
|
|
|
|
+ }
|
|
|
|
+
|
|
this.itemList = List;
|
|
this.itemList = List;
|
|
|
|
|
|
// console.log('列表=', this.itemList);
|
|
// console.log('列表=', this.itemList);
|
|
@@ -315,6 +319,8 @@
|
|
.main {
|
|
.main {
|
|
display: flex;
|
|
display: flex;
|
|
height: calc(100vh - 310rpx);
|
|
height: calc(100vh - 310rpx);
|
|
|
|
+
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.mainLeft {
|
|
.mainLeft {
|
|
@@ -327,7 +333,8 @@
|
|
padding: 30rpx 20rpx;
|
|
padding: 30rpx 20rpx;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
- position: relative;
|
|
|
|
|
|
+ position: relative;
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.leftTitle {
|
|
.leftTitle {
|
|
@@ -356,7 +363,9 @@
|
|
|
|
|
|
.mainRight {
|
|
.mainRight {
|
|
width: 596rpx;
|
|
width: 596rpx;
|
|
- background-color: #FFFFFF;
|
|
|
|
|
|
+ overflow-y: scroll;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
|
|
.rightTop {
|
|
.rightTop {
|
|
@@ -664,15 +673,18 @@
|
|
.bottom {
|
|
.bottom {
|
|
|
|
|
|
position: fixed;
|
|
position: fixed;
|
|
- left: 0;
|
|
|
|
|
|
+ left: 0;
|
|
bottom: 0;
|
|
bottom: 0;
|
|
- width: 100vw;
|
|
|
|
- height: 120rpx;
background: #FFFFFF;
|
|
|
|
- box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2);
|
|
|
|
- padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
- box-sizing: content-box;
z-index: 11;
|
|
|
|
-
|
|
|
|
- display: flex;
|
|
|
|
|
|
+ width: 100vw;
|
|
|
|
+ height: 120rpx;
|
|
|
|
+ background: #FFFFFF;
|
|
|
|
+ box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2);
|
|
|
|
+ padding-bottom: constant(safe-area-inset-bottom);
|
|
|
|
+ padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
+ box-sizing: content-box;
|
|
|
|
+ z-index: 11;
|
|
|
|
+
|
|
|
|
+ display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -767,12 +779,12 @@
|
|
width: 750rpx;
|
|
width: 750rpx;
|
|
height: 90rpx;
|
|
height: 90rpx;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
- border-radius: 24rpx 24rpx 0px 0px;
|
|
|
|
- display: flex;
|
|
|
|
|
|
+ border-radius: 24rpx 24rpx 0px 0px;
|
|
|
|
+ display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
|
|
+
|
|
.topTopright {
|
|
.topTopright {
|
|
/* display: flex; */
|
|
/* display: flex; */
|
|
padding-top: 29rpx;
|
|
padding-top: 29rpx;
|
|
@@ -812,11 +824,12 @@
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
|
|
color: #333333;
|
|
color: #333333;
|
|
- font-size: 26rpx;
|
|
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ align-items: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .priceRight {
|
|
|
|
+ display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- }
|
|
|
|
- .priceRight{
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|