| | |
| | | > |
| | | <div v-html="notice.content"></div> |
| | | </u-modal> |
| | | <!-- 外销抢单选择车牌 --> |
| | | <u-modal :show="show" |
| | | showCancelButton |
| | | @confirm="showConFirm(activeObj)" |
| | | @cancel="showCancel" |
| | | :title="title" > |
| | | <view class="slot-content"> |
| | | <view style="text-align: left;"> |
| | | <u-radio-group |
| | | v-model="paramsCarNo" |
| | | placement="column" |
| | | > |
| | | <u-radio |
| | | :iconSize="40" |
| | | :labelSize="40" |
| | | :size="40" |
| | | :customStyle="{marginBottom: '8px'}" |
| | | v-for="(item, index) in paramsArr" |
| | | :key="index" |
| | | :label="item.carNo + '--' + item.name" |
| | | :name="item.carNo" |
| | | @change="radioChange" |
| | | > |
| | | </u-radio> |
| | | |
| | | |
| | | </u-radio-group> |
| | | </view> |
| | | </view> |
| | | </u-modal> |
| | | </div> |
| | | </template> |
| | | <script> |
| | |
| | | labaIcon: `${onlineurl}/appimg/image/aboutUs/laba.jpg`, |
| | | newIcon: `${onlineurl}/appimg/image/aboutUs/labaHeight.jpg`, |
| | | markFlag: "none", |
| | | activeObj:{}, |
| | | noticeModelShow: false, |
| | | garidInitTop: "", //元素初始距离顶部的高度 |
| | | screenHeight: "", |
| | | show:false, |
| | | paramsArr:[], |
| | | paramsCarNo:'', |
| | | title:'选择车牌', |
| | | notice: { |
| | | title: "", |
| | | content: "", |
| | |
| | | }, |
| | | // 抢单按钮 |
| | | qiangDanBtn: Debounce(function (value) { |
| | | if (value.tmcCount == "0") { |
| | | console.log(value,'value') |
| | | this.activeObj = value; |
| | | if(value.orderType === '外销'){ |
| | | this.$reqPost('getCarNosByFleetId',{fleetId:value.fleetId},'params').then(res=>{ |
| | | console.log(res,'ress') |
| | | this.paramsArr = res.data; |
| | | this.show = true; |
| | | // if (value.tmcCount == "0") { |
| | | // this.qiangDan( |
| | | // value.orderPlanId, |
| | | // value.fleetId, |
| | | // value.customerId === null ? "0" : value.customerId, |
| | | // value.xsUserId === null ? "0" : value.xsUserId |
| | | // ); |
| | | // } else { |
| | | // this.qiangDanOrderPlanId = value.orderPlanId; |
| | | // this.fleetId = value.fleetId; |
| | | // this.customerId = value.customerId === null ? "0" : value.customerId; |
| | | // this.xsUserId = value.xsUserId === null ? "0" : value.xsUserId; |
| | | // this.qiangDanShow = true; |
| | | // this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | // } |
| | | }) |
| | | }else{ |
| | | if (value.tmcCount == "0") { |
| | | this.qiangDan( |
| | | value.orderPlanId, |
| | | value.fleetId, |
| | |
| | | this.qiangDanShow = true; |
| | | this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | } |
| | | } |
| | | |
| | | |
| | | }, 500), |
| | | showConFirm(value){ |
| | | if (value.tmcCount == "0") { |
| | | this.qiangDan( |
| | | value.orderPlanId, |
| | | value.fleetId, |
| | | value.customerId === null ? "0" : value.customerId, |
| | | value.xsUserId === null ? "0" : value.xsUserId |
| | | ); |
| | | } else { |
| | | this.qiangDanOrderPlanId = value.orderPlanId; |
| | | this.fleetId = value.fleetId; |
| | | this.customerId = value.customerId === null ? "0" : value.customerId; |
| | | this.xsUserId = value.xsUserId === null ? "0" : value.xsUserId; |
| | | this.qiangDanShow = true; |
| | | this.qiangDanContent = `已抢${value.tmcCount}单,确定抢单?`; |
| | | } |
| | | this.show =false; |
| | | |
| | | }, |
| | | showCancel(){ |
| | | this.show = false; |
| | | |
| | | }, |
| | | |
| | | // 抢单模态框 |
| | | qiangDanConfirm() { |
| | |
| | | }, |
| | | // 抢单请求 |
| | | qiangDan(id, fleetId, customerId, xsUserId) { |
| | | console.log(this.paramsCarNo,'paramsCarNo') |
| | | this.$reqPost( |
| | | "qiangDan", |
| | | { |
| | |
| | | fleetId: fleetId, |
| | | customerId: customerId, |
| | | xsUserId: xsUserId, |
| | | carNo:this.paramsCarNo ? this.paramsCarNo : '', |
| | | }, |
| | | "params" |
| | | ) |
| | | .then((res) => { |
| | | if (res.code == 0) { |
| | | this.paramsCarNo = ''; |
| | | this.$u.toast("抢单成功"); |
| | | } else { |
| | | this.$u.toast(res.msg ? res.msg : "抢单失败"); |
| | |
| | | .indexPageDiv{ |
| | | width: 100%; |
| | | position: absolute; |
| | | height: calc(100vh - 45px); |
| | | top: 30%; |
| | | height: calc(100vh - 100rpx); |
| | | top: 280rpx; |
| | | left: 0; |
| | | } |
| | | .warp { |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | |
| | | |
| | | height: 150rpx; |
| | | .centerLine { |
| | | width: 510rpx; |
| | |
| | | 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); |
| | | border-radius: 20rpx; |
| | | transform: translateY(-10rpx); |
| | | padding-bottom: 100rpx; |
| | | .u-list{ |
| | | height: auto !important; |
| | | } |