|
|
@@ -5,48 +5,57 @@
|
|
|
<span class="form-requird">*</span>
|
|
|
<span>供应商</span>
|
|
|
</div>
|
|
|
- <div @click="oepnGysPopup()">
|
|
|
+ <div @click="oepnGysPopup()" style="font-size: 28rpx">
|
|
|
{{ form.gysName ? form.gysName : "请选择" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form bd_bottom pdt32 pdb32" style="display: block">
|
|
|
- <div class="form-label">
|
|
|
- <span class="form-requird">*</span>
|
|
|
- <span>车牌号</span>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <car-number ref="carNum" v-model="carNumber"></car-number>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+
|
|
|
<div class="form bd_bottom">
|
|
|
<div class="form-label">
|
|
|
<span class="form-requird">*</span>
|
|
|
- <span>常用车辆</span>
|
|
|
+ <span>选择车辆</span>
|
|
|
</div>
|
|
|
- <div class="form-value" style="min-width: 435rpx; width: auto">
|
|
|
+ <div class="form-value" style="min-width: 435rpx; width: auto;font-size: 28rpx">
|
|
|
<picker
|
|
|
- @change="selectUsedCar"
|
|
|
- :value="index"
|
|
|
- :range="usedCarList"
|
|
|
- range-key="label"
|
|
|
+ @change="selectUsedCar"
|
|
|
+ :value="index"
|
|
|
+ :range="usedCarList"
|
|
|
+ range-key="label"
|
|
|
>
|
|
|
<!-- <view class="uni-input">{{ array[index] }}</view> -->
|
|
|
{{ usedCar ? usedCar : "请选择" }}
|
|
|
</picker>
|
|
|
</div>
|
|
|
<van-icon name="arrow" />
|
|
|
+ <span style="color: #8A0554" @click="jumpPage('/pages/subPackages/carmange/add')">
|
|
|
+ <van-icon
|
|
|
+ size="48rpx"
|
|
|
+ color="#8A0554"
|
|
|
+ name="add"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="form bd_bottom pdt32 pdb32" style="display: block">
|
|
|
+ <div class="form-label">
|
|
|
+ <span class="form-requird">*</span>
|
|
|
+ <span>车牌号</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <car-number :disable="false" ref="carNum" v-model="carNumber"></car-number>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom">
|
|
|
<div class="form-label">
|
|
|
<span class="form-requird">*</span>
|
|
|
<span>车辆类型</span>
|
|
|
</div>
|
|
|
- <div class="form-value">
|
|
|
+ <div class="form-value" style="font-size: 28rpx">
|
|
|
<picker
|
|
|
- @change="selectCarType"
|
|
|
- :value="index"
|
|
|
- :range="dockCarTypeList"
|
|
|
- range-key="label"
|
|
|
+ @change="selectCarType"
|
|
|
+ :value="index"
|
|
|
+ :range="dockCarTypeList"
|
|
|
+ range-key="label"
|
|
|
>
|
|
|
<!-- <view class="uni-input">{{ array[index] }}</view> -->
|
|
|
{{ form.carType ? form.carType : "请选择" }}
|
|
|
@@ -62,10 +71,10 @@
|
|
|
</div>
|
|
|
<div class="form-value">
|
|
|
<input
|
|
|
- type="text"
|
|
|
- readonly
|
|
|
- placeholder="请选择"
|
|
|
- v-model="form.driverName"
|
|
|
+ type="text"
|
|
|
+ readonly
|
|
|
+ placeholder="请选择"
|
|
|
+ v-model="form.driverName"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -78,10 +87,10 @@
|
|
|
</div>
|
|
|
<div class="form-value">
|
|
|
<input
|
|
|
- type="text"
|
|
|
- readonly
|
|
|
- placeholder="请选择"
|
|
|
- v-model="form.driverUsername"
|
|
|
+ type="text"
|
|
|
+ readonly
|
|
|
+ placeholder="请选择"
|
|
|
+ v-model="form.driverUsername"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -101,7 +110,7 @@
|
|
|
<span>件数/托盘数:</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="text" placeholder="请输入" v-model="form.loadNum" />
|
|
|
+ <input type="number" placeholder="请输入" v-model="form.loadNum" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom" v-if="mtId">
|
|
|
@@ -122,14 +131,14 @@
|
|
|
<div class="bottom-form mt32">
|
|
|
<div class="mt-select">
|
|
|
<div
|
|
|
- class="select-item"
|
|
|
- :style="{
|
|
|
+ class="select-item"
|
|
|
+ :style="{
|
|
|
background: item.value == mtId ? '#8A0554' : '#f5f7fa',
|
|
|
color: item.value == mtId ? 'white' : 'black',
|
|
|
}"
|
|
|
- v-for="item in mtList"
|
|
|
- @click="getMtId(item)"
|
|
|
- :key="item.value"
|
|
|
+ v-for="item in mtList"
|
|
|
+ @click="getMtId(item)"
|
|
|
+ :key="item.value"
|
|
|
>
|
|
|
{{ item.label }}
|
|
|
</div>
|
|
|
@@ -139,57 +148,66 @@
|
|
|
<span style="color: red">*</span>
|
|
|
可选时间
|
|
|
</div>
|
|
|
- <div class="legend">
|
|
|
- <div class="white-legend"></div>
|
|
|
- <div>可选</div>
|
|
|
- </div>
|
|
|
- <div class="legend">
|
|
|
- <div class="purple-legend"></div>
|
|
|
- <div>已占用</div>
|
|
|
- </div>
|
|
|
- <div class="legend">
|
|
|
- <div class="ysd-legend"></div>
|
|
|
- <div>已锁定</div>
|
|
|
+ <div style="display: flex;flex-wrap: wrap;margin-top: 32rpx">
|
|
|
+ <div class="legend">
|
|
|
+ <div class="white-legend"></div>
|
|
|
+ <div>可选</div>
|
|
|
+ </div>
|
|
|
+ <div class="legend">
|
|
|
+ <div class="purple-legend"></div>
|
|
|
+ <div>占用</div>
|
|
|
+ </div>
|
|
|
+ <div class="legend">
|
|
|
+ <div class="ysd-legend"></div>
|
|
|
+ <div>锁定</div>
|
|
|
+ </div>
|
|
|
+ <div class="legend">
|
|
|
+ <div class="yxz-legend"></div>
|
|
|
+ <div>选中</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+<!-- isSeletStyle-->
|
|
|
<div class="sj-select">
|
|
|
<div
|
|
|
- :class="
|
|
|
- item.statusStr == '已预约'
|
|
|
+ :class="
|
|
|
+ form.dockSettingDetailId == item.dockSettingDetailId &&
|
|
|
+ form.dockSettingId == item.dockSettingId &&
|
|
|
+ form.timeEnd == item.timeEnd &&
|
|
|
+ form.timeStart == item.timeStart
|
|
|
+ ?'select-item isSeletStyle'
|
|
|
+ :item.statusStr == '已预约'
|
|
|
? 'select-item yyyStatus'
|
|
|
: item.statusStr == '已锁定'
|
|
|
? 'select-item ysdStatus'
|
|
|
: 'select-item '
|
|
|
"
|
|
|
- @click="timeSelect(item)"
|
|
|
- v-for="item in kxTimeList"
|
|
|
+ @click="timeSelect(item)"
|
|
|
+ v-for="item in kxTimeList"
|
|
|
>
|
|
|
{{ item.timeStart }}~{{ item.timeEnd }}
|
|
|
- <van-icon
|
|
|
- name="success"
|
|
|
- v-if="
|
|
|
- form.dockSettingDetailId == item.dockSettingDetailId &&
|
|
|
- form.dockSettingId == item.dockSettingId &&
|
|
|
- form.timeEnd == item.timeEnd &&
|
|
|
- form.timeStart == item.timeStart
|
|
|
- "
|
|
|
- />
|
|
|
+<!-- <van-icon-->
|
|
|
+<!-- name="success"-->
|
|
|
+<!-- v-if="-->
|
|
|
+
|
|
|
+<!-- "-->
|
|
|
+<!-- />-->
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="foot-btn">
|
|
|
<van-button
|
|
|
- color="rgba(0, 0, 0, 0.05)"
|
|
|
- type="default"
|
|
|
- class="cancel"
|
|
|
- @click="cancelYY"
|
|
|
+ color="rgba(0, 0, 0, 0.05)"
|
|
|
+ type="default"
|
|
|
+ class="cancel"
|
|
|
+ @click="cancelYY"
|
|
|
>
|
|
|
返回
|
|
|
</van-button>
|
|
|
<van-button
|
|
|
- color="rgba(138, 5, 84, 1)"
|
|
|
- type="primary"
|
|
|
- @click="submitReservationByBiz()"
|
|
|
+ color="rgba(138, 5, 84, 1)"
|
|
|
+ type="primary"
|
|
|
+ @click="submitReservationByBiz()"
|
|
|
>
|
|
|
提交
|
|
|
</van-button>
|
|
|
@@ -222,7 +240,6 @@ export default {
|
|
|
dockCarTypeList: [],
|
|
|
form: {},
|
|
|
mtList: [],
|
|
|
- yydateList: [],
|
|
|
mtId: "",
|
|
|
yydateList: [],
|
|
|
usedCarList: [],
|
|
|
@@ -244,7 +261,17 @@ export default {
|
|
|
this.againRenderData();
|
|
|
this.getCarDataByBiz();
|
|
|
},
|
|
|
+ onShow(){
|
|
|
+ this.getCarDataByBiz()
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ jumpPage(path) {
|
|
|
+ console.log(path);
|
|
|
+ uni.navigateTo({
|
|
|
+ url: path,
|
|
|
+ fail: (fail) => {},
|
|
|
+ });
|
|
|
+ },
|
|
|
cancelYY() {
|
|
|
uni.navigateBack();
|
|
|
},
|
|
|
@@ -292,7 +319,8 @@ export default {
|
|
|
});
|
|
|
if (res.errmsg == "成功") {
|
|
|
this.$showToast("预约成功");
|
|
|
- uni.navigateBack({ delta: 2 });
|
|
|
+ this.jumpPage('/pages/subPackages/yy_history/index')
|
|
|
+ // uni.navigateBack({ delta: 2 });
|
|
|
}
|
|
|
console.log(res);
|
|
|
},
|
|
|
@@ -319,7 +347,7 @@ export default {
|
|
|
selectUsedCar({ detail }) {
|
|
|
console.log(detail.value);
|
|
|
let usedCarList = JSON.parse(
|
|
|
- JSON.stringify(this.usedCarList[detail.value])
|
|
|
+ JSON.stringify(this.usedCarList[detail.value])
|
|
|
);
|
|
|
console.log(usedCarList);
|
|
|
this.form.driverName = usedCarList.driver_name;
|
|
|
@@ -391,6 +419,7 @@ export default {
|
|
|
loadType: this.form.loadType.replace("预约", ""),
|
|
|
});
|
|
|
this.mtList = data;
|
|
|
+ await this.getMtId(this.mtList[0])
|
|
|
},
|
|
|
againRenderData() {
|
|
|
let form = { ...this.form };
|
|
|
@@ -407,6 +436,10 @@ export default {
|
|
|
background: #8e8be4 !important;
|
|
|
color: white;
|
|
|
}
|
|
|
+ .isSeletStyle{
|
|
|
+ background: #2ab217 !important;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
.ysdStatus {
|
|
|
background: #ededed !important;
|
|
|
color: #333333;
|
|
|
@@ -416,9 +449,13 @@ export default {
|
|
|
margin-bottom: 32rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
+ button {
|
|
|
+ width: 30vw;
|
|
|
|
|
|
+ }
|
|
|
.cancel {
|
|
|
button {
|
|
|
+ //width: 30vw;
|
|
|
color: rgba(138, 5, 84, 1) !important;
|
|
|
}
|
|
|
}
|
|
|
@@ -441,6 +478,7 @@ export default {
|
|
|
text-align: center;
|
|
|
line-height: 80rpx;
|
|
|
width: 225rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
height: 80rpx;
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
@@ -458,7 +496,7 @@ export default {
|
|
|
|
|
|
.sj-select-title {
|
|
|
flex-wrap: wrap;
|
|
|
- display: flex;
|
|
|
+ //display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.legend {
|
|
|
@@ -486,6 +524,13 @@ export default {
|
|
|
background: #ededed;
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
}
|
|
|
+ .yxz-legend {
|
|
|
+ margin-right: 16rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ background: #2ab217;
|
|
|
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
+ }
|
|
|
.purple-legend {
|
|
|
margin-right: 16rpx;
|
|
|
width: 28rpx;
|
|
|
@@ -577,4 +622,4 @@ export default {
|
|
|
border-bottom: 2rpx #e6e6e6 solid;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|