| | |
| | | }, |
| | | |
| | | /** |
| | | * @description 第一次放空 |
| | | */ |
| | | getOneEvacuation: { |
| | | url: "/wrzs/userOperation/getOneEvacuation", |
| | | method: 'GET' |
| | | }, |
| | | /** |
| | | * @description 第二次放空 |
| | | */ |
| | | getTwoEvacuation: { |
| | | url: "/wrzs/userOperation/getTwoEvacuation", |
| | | method: 'GET' |
| | | }, |
| | | /** |
| | | * @称重 |
| | | */ |
| | | saveWeigh: { |
| | |
| | | BaseUrl as wrBaseUrl |
| | | } from '@/api/request.js' |
| | | // const BaseUrl = "http://hesuancj.cn:9999" |
| | | // const BaseUrl = "https://hesuancj.cn:9095" |
| | | const BaseUrl = "http://192.168.3.119:9999" |
| | | const BaseUrl = "https://hesuancj.cn:9095" |
| | | // const BaseUrl = "http://192.168.3.119:9999" |
| | | |
| | | // 登录 |
| | | // function apiLogin({ |
| | |
| | | } |
| | | |
| | | // const BaseUrl = "http://192.168.0.120:9997" |
| | | const webSocketUrl = "ws://192.168.3.119:9997/wrzs/ws/info" |
| | | // const webSocketUrl = "ws://192.168.3.119:9997/wrzs/ws/info" |
| | | |
| | | const BaseUrl = "http://192.168.3.119:9997"; |
| | | // const BaseUrl = "http://192.168.3.119:9997"; |
| | | // const BaseUrl = "http://192.168.0.144:9997"; |
| | | // const BaseUrl = "http://hesuancj.cn:9997"; |
| | | // 线上 |
| | | // const BaseUrl = "https://hesuancj.cn:9095"; |
| | | const BaseUrl = "https://hesuancj.cn:9095"; |
| | | |
| | | // const webSocketUrl = "ws://hesuancj.cn:9095/wrzs/ws/info" |
| | | const webSocketUrl = "wss://hesuancj.cn:9095/wrzs/ws/info" |
| | | // const webSocketUrl = "ws://hesuancj.cn:9997/wrzs/ws/info" |
| | | // 请求拦截 |
| | | const fetch = (url, opt) => { |
| | |
| | | :style="{ |
| | | background: |
| | | backgroundType == 0 |
| | | ? 'url(../../../static/image/background/customer-blue.png) no-repeat' |
| | | ? 'url(https://hesuancj.cn:9095/appimg/image/background/customer-blue.png) no-repeat' |
| | | : backgroundType == 1 |
| | | ? 'url(../../../static/image/background/huoDai.png) no-repeat' |
| | | : 'url(../../../static/image/background/driver.png) no-repeat', |
| | | ? 'url(https://hesuancj.cn:9095/appimg/image/background/huoDai.png) no-repeat' |
| | | : 'url(https://hesuancj.cn:9095/appimg/image/background/driver.png) no-repeat', |
| | | backgroundSize: '100% 100%' |
| | | }" |
| | | > |
| | |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | }; |
| | | return {}; |
| | | }, |
| | | methods: { |
| | | bodyClick() { |
| | |
| | | |
| | | <script> |
| | | import { customerId } from '@/utils/status.js'; |
| | | import { mapMutations } from 'vuex'; |
| | | export default { |
| | | onLoad(params) { |
| | | this.role = params.role; |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | ...mapMutations(['lengthchange']), |
| | | init() {}, |
| | | addToHuoDaiOrDriver() { |
| | | switch (this.role) { |
| | |
| | | }); |
| | | }, 1000); |
| | | } else { |
| | | this.$u.toast(res.data ? res.data : '未成功添加'); |
| | | this.$u.toast(res.msg ? res.msg : '未成功添加'); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.$reqPost('bindUserFleet', { fleetId: this.fleetId, name: this.name, phone: this.phone, carNo: this.carNo }, 'params').then(res => { |
| | | console.log('邀请司机', res); |
| | | if (res.code == 0) { |
| | | this.$u.toast(res.data ? res.data : '操作成功'); |
| | | this.$u.toast(res.msg ? res.msg : '操作成功'); |
| | | this.$reqGet('GetUserFleet', { fleetId: this.fleetId }).then(response => { |
| | | this.lengthchange(response.data.length); |
| | | }); |
| | | uni.navigateBack({ |
| | | delta: 1 |
| | | }); |
| | | } else { |
| | | uni.showToast({ |
| | | title: res.data, |
| | | title: res.msg, |
| | | icon: 'null', |
| | | duration: 2000 |
| | | }); |
| | |
| | | 张 |
| | | </view> |
| | | <view class="card-left__utils"> |
| | | <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.cars2 != item.carNum" shape="circle"></u-button> |
| | | <u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle"></u-button> |
| | | <u-button @tap.stop="receiveClick(item)" text="领取" type="primary" v-if="item.carNumSurplus != 0" shape="circle"></u-button> |
| | | <u-button text="转发" type="primary" @tap.stop="forwardClick(item)" shape="circle" v-if="item.carNumSurplus1 != 0"></u-button> |
| | | </view> |
| | | </template> |
| | | <template v-slot:right-top> |
| | |
| | | <uni-td align="center" @row-click="faYundetail(item)">{{ item.tmCount }}</uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | | <view class="more_text" v-if="showMoreData">没有数据了...</view> |
| | | <view class="more_text" v-if="showMoreData && historyCoalData.length !== 0">没有数据了...</view> |
| | | </scroll-view> |
| | | </view> |
| | | <!-- 领取弹出框 --> |
| | |
| | | init() { |
| | | this.GetOrderPlan(); |
| | | this.getJhOrderPlanDataPage(); |
| | | if (this.pageCurrent * this.pageSize >= this.total) return (this.showMoreData = true); |
| | | }, |
| | | // 获取发运计划列表 |
| | | GetOrderPlan() { |
| | |
| | | this.loading = true; |
| | | this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => { |
| | | if (res.data.records) { |
| | | this.historyCoalData = [...this.historyCoalData, ...res.data.records]; |
| | | this.total = res.data.total; |
| | | if (this.pageCurrent > 1) { |
| | | this.historyCoalData = this.historyCoalData.concat(res.data.records); |
| | | this.loading = false; |
| | | } else { |
| | | this.historyCoalData = res.data.records; |
| | | this.loading = false; |
| | | } |
| | | // this.historyCoalData = [...this.historyCoalData, ...res.data.records]; |
| | | // this.total = res.data.total; |
| | | // this.loading = false; |
| | | } |
| | | }); |
| | | }, |
| | |
| | | <view class="compDetails"> |
| | | <uni-table border stripe emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th align="left" width="120">转发总量</uni-th> |
| | | <uni-td align="left">{{ orderPlanDetail.fowardSum || 0 }}张</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="left">领取总量</uni-th> |
| | | <uni-td align="left">{{ cars2 || 0 }}张</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="left" width="120">转发总量</uni-th> |
| | | <uni-td align="left">{{ orderPlanDetail.fowardSum || 0 }}张</uni-td> |
| | | </uni-tr> |
| | | <uni-tr v-for="(item, index) in orderPlanDetail.huodaiList" :key="index"> |
| | | <uni-th align="left">{{ item.huoDaiName }}</uni-th> |
| | |
| | | <view class="label-title">提煤单状态</view> |
| | | <view class="label-value">{{ coalStatus[item.status] }}</view> |
| | | </view> |
| | | <view class="coal-clean"> |
| | | <view class="label-title">净重</view> |
| | | <view class="label-value">{{ item.clean || 0 }}</view> |
| | | </view> |
| | | <view class="coal-carNo"> |
| | | <view class="label-title">车牌号</view> |
| | | <view class="label-value">{{ item.carNo || '' }}</view> |
| | | </view> |
| | | <view class="coal-clean"> |
| | | <view class="label-title">净重</view> |
| | | <view class="label-value">{{ item.clean || 0 }}</view> |
| | | </view> |
| | | <view class="coal-allowance"> |
| | | <view class="label-title">余量</view> |
| | |
| | | this.orderPlanDetail = res.data; |
| | | this.yyDailyList = res.data.yyDailyList; |
| | | uni.hideLoading(); |
| | | } else { |
| | | this.$u.toast('服务器错误,请稍后重试'); |
| | | uni.hideLoading(); |
| | | } |
| | | }); |
| | | } |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapState } from 'vuex'; |
| | | export default { |
| | | computed: { |
| | | ...mapState(['fleetDriverDataLength']) |
| | | }, |
| | | watch: { |
| | | fleetDriverDataLength(v) { |
| | | if (this.fleetDriverData.length !== v) { |
| | | this.GetUserFleet(); |
| | | } |
| | | } |
| | | }, |
| | | onLoad(params) { |
| | | this.deleteDriveObj.fleetId = params.id; |
| | | }, |
| | |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="left">任务总数</uni-th> |
| | | <uni-td align="left">{{ HuoDaiForm.sum }}</uni-td> |
| | | <uni-td align="left">{{ HuoDaiForm.sum || '' }}</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="left">执行完成</uni-th> |
| | |
| | | <view class="utils_chil utils_chilTop"> |
| | | <u-button text="签到" type="primary" plain @click="arriveClick"></u-button> |
| | | <u-button text="入场申请" type="primary" plain @click="rcsqClick"></u-button> |
| | | <u-button text="放空" type="primary" plain></u-button> |
| | | <u-button text="放空" type="primary" plain @click="evacuation" throttleTime="500"></u-button> |
| | | <u-button text="呼叫客服" type="primary" plain @click="callCustomerService"></u-button> |
| | | </view> |
| | | <view class="utils_chil"><u-button text="展示提煤单" @click="showCaolPickUpBill" type="primary"></u-button></view> |
| | | <view class="utils_chil"><u-button text="上磅计量" @click="cengZhongClick" type="primary"></u-button></view> |
| | | </view> |
| | | <view class="evacuationModal"> |
| | | <u-modal |
| | | :show="evacuationModalShow" |
| | | :title="evacuationTitle" |
| | | :content="evacuationContent" |
| | | :showCancelButton="true" |
| | | @confirm="evacuationConfirm" |
| | | @cancel="evacuationCancel" |
| | | ></u-modal> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | let socket = null; |
| | | import { webSocketUrl } from '@/api/request.js'; |
| | | export default { |
| | | onLoad(value) { |
| | | if (value.orderPlanId && value.yyId) { |
| | |
| | | openId: null, |
| | | openName: '' |
| | | }, |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓'] // 状态 |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤场', '出煤仓', '放空'], // 状态 |
| | | weighHouseCode: '', |
| | | // 放空弹窗控制变量 |
| | | evacuationModalShow: false, |
| | | evacuationTitle: '放空确认', |
| | | evacuationContent: '是否确认放空', |
| | | // 第一次放空参数 |
| | | weighData: { |
| | | sceneId: '', |
| | | gateCameraId: '', |
| | | equipmentCode: '', |
| | | weigh: 0 |
| | | } |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | this.$reqGet('getWeighHouse', this.getWeightHouseObj).then(res => { |
| | | console.log(res, '获取磅房'); |
| | | if (res.code == 0) { |
| | | this.weighData.sceneId = res.data.id; |
| | | this.weighData.gateCameraId = res.data.lastEquipmentId; |
| | | this.weighData.equipmentCode = res.data.lastEquipmentCode; |
| | | this.weighHouseCode = res.data.code; |
| | | uni.navigateTo({ |
| | | url: `/pages/driver-page/driver-index/bill-of-lading-details/weighingDevice/weighingDevice?takeCoalId=${this.orderPlanId}&sceneId=${ |
| | | res.data.id |
| | |
| | | this.$u.toast('未在磅房,请前往磅房后再试!!'); |
| | | } |
| | | }); |
| | | }, |
| | | /** |
| | | * 初始化 weoSocket |
| | | */ |
| | | initWebSocket() { |
| | | let wsUrl = `${webSocketUrl}?access_token=${uni.getStorageSync('token')}`; |
| | | socket = uni.connectSocket({ |
| | | url: wsUrl, |
| | | header: { |
| | | CLIENT_TOC: 'Y' |
| | | }, |
| | | complete: res => { |
| | | console.log(res, 'socket结果'); |
| | | } |
| | | }); |
| | | socket.onOpen(() => { |
| | | console.log('onOpen'); |
| | | }); |
| | | // 获取服务器传来的数据,做相应处理 |
| | | socket.onMessage(res => { |
| | | console.log('socketWeigh', res); |
| | | let nowWeighObj = JSON.parse(res.data.slice(7)); |
| | | if (nowWeighObj.eqCode == this.weighHouseCode) { |
| | | if (nowWeighObj.eqInfraredStatus) { |
| | | this.weighData.weigh = nowWeighObj.weigh; |
| | | } else { |
| | | this.weighData.weigh = nowWeighObj.weigh; |
| | | } |
| | | } |
| | | }); |
| | | socket.onClose(() => { |
| | | console.log('webSocketClose'); |
| | | this.$u.toast('磅房接口终端'); |
| | | }); |
| | | socket.onError(err => { |
| | | console.log('socket报错', err); |
| | | this.$u.toast('磅房接口暂时不能使用,请重新进入该页面,重试!!'); |
| | | }); |
| | | }, |
| | | // 放空 |
| | | evacuation() { |
| | | this.evacuationModalShow = true; |
| | | }, |
| | | // 放空弹窗确认 |
| | | evacuationConfirm() { |
| | | let mix = Object.assign(this.weighData, this.getWeightHouseObj); |
| | | this.$reqPost('getOneEvacuation', mix, 'json').then(res => { |
| | | console.log(res, '第一次放空'); |
| | | this.evacuationModalShow = false; |
| | | }); |
| | | }, |
| | | // 放空弹窗取消 |
| | | evacuationCancel() { |
| | | this.evacuationModalShow = false; |
| | | } |
| | | } |
| | | }; |
| | |
| | | <template> |
| | | <view class="coal-pick-up-bill"> |
| | | <view class="driver" style="background:url(../../../../../static/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> |
| | | <view class="driver" style="background:url(https://hesuancj.cn:9095/appimg/image/coalBackgroud/coal-background.png) no-repeat;background-size:100% 100%;"> |
| | | <view class="driver-coalOne">电子提煤单</view> |
| | | <view class="driver-coalTwo"> |
| | | <view>{{ coalData.code || '暂无订单编号' }}</view> |
| | | <view>{{ coalData.deptName || '暂无所属矿' }}</view> |
| | | <view>{{ coalData.coalName || '暂无煤种' }}</view> |
| | | <view>{{ coalData.carNo || '暂无车牌' }}</view> |
| | | <view class="bigFont">{{ coalData.deptName || '暂无所属矿' }}</view> |
| | | <view class="bigFont">{{ coalData.coalName || '暂无煤种' }}</view> |
| | | <view class="bigFont">{{ coalData.carNo || '暂无车牌' }}</view> |
| | | </view> |
| | | <view class="driver-coalThree"> |
| | | <view>{{ coalData.customerName || '暂无单位' }}</view> |
| | |
| | | color: #2e363f; |
| | | view:nth-child(2) { |
| | | margin-top: vww(15); |
| | | font-size: 40px; |
| | | } |
| | | view:nth-child(3) { |
| | | margin-top: vww(15); |
| | | font-size: 40px; |
| | | } |
| | | view:nth-child(4) { |
| | | margin-top: vww(15); |
| | | font-size: 40px; |
| | | } |
| | | } |
| | | &-coalThree { |
| | |
| | | } |
| | | } |
| | | &-coalFour { |
| | | margin: vww(58.5) 0 0 45.5%; |
| | | margin: vww(59) 0 0 43%; |
| | | image { |
| | | width: vww(35); |
| | | height: vww(35); |
| | | width: vww(52); |
| | | height: vww(52); |
| | | } |
| | | } |
| | | } |
| | |
| | | </view> --> |
| | | </view> |
| | | </view> |
| | | <view class="bottom"><text>TIP:当前状态正常可以称重</text></view> |
| | | <view class="bottom"><text>TIP:当前状态为正常时可以称重</text></view> |
| | | </view> |
| | | <view class="two"> |
| | | <p>订单编号:{{ weighList.code || '' }}</p> |
| | |
| | | <p>矿场名称:{{ weighList.filedName || '' }}</p> |
| | | </view> |
| | | <view class="three"> |
| | | <!-- 外销订单成皮时,返回加减吨按钮置灰。称毛时可用.外购订单,不出现返回加减吨的按钮 --> |
| | | <u-button type="primary" text="放空" plain @click="evacuation" throttleTime="500"></u-button> |
| | | <!-- 外销订单称皮时,返回加减吨按钮置灰。称毛时可用.外购订单,不出现返回加减吨的按钮 --> |
| | | <u-button |
| | | type="primary" |
| | | text="确定称重" |
| | |
| | | ></u-button> |
| | | <u-button type="primary" text="返回加减吨" :disabled="addAndSubtractCoalDisabled" v-if="weighList.orderTye == '外销'" @click="addAndSubtractCoal"></u-button> |
| | | </view> |
| | | <view class="four">如您需要调整装载货品吨数,请点击返回加减吨</view> |
| | | <view class="four" v-if="weighList.orderTye == '外销'">如您需要调整装载货品吨数,请点击返回加减吨</view> |
| | | <view class="evacuationModal"> |
| | | <u-modal |
| | | :show="evacuationModalShow" |
| | | :title="evacuationTitle" |
| | | :content="evacuationContent" |
| | | :showCancelButton="true" |
| | | @confirm="evacuationConfirm" |
| | | @cancel="evacuationCancel" |
| | | ></u-modal> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | hair: 0, |
| | | clean: 0 |
| | | }, |
| | | infraredStatus: false // 红外状态 |
| | | infraredStatus: false, // 红外状态, |
| | | // 放空控制 |
| | | evacuationModalShow: false, |
| | | evacuationTitle: '第二次放空确认', |
| | | evacuationContent: '是否确认放空' |
| | | }; |
| | | }, |
| | | watch: { |
| | |
| | | this.temporaryWeighObj.skin = this.realTimeWeigh; |
| | | } else { |
| | | this.temporaryWeighObj.hair = this.realTimeWeigh; |
| | | this.temporaryWeighObj.clean = this.temporaryWeighObj.hair - this.weighList.skin; |
| | | this.temporaryWeighObj.clean = (this.temporaryWeighObj.hair - this.weighList.skin).toFixed(2); |
| | | } |
| | | } else if (this.weighList.orderTye == '外购') { |
| | | if (this.weighList.hair == 0) { |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | // 放空 |
| | | evacuation() { |
| | | this.evacuationModalShow = true; |
| | | }, |
| | | // 放空弹窗确认 |
| | | evacuationConfirm() { |
| | | this.evacuationModalShow = false; |
| | | }, |
| | | // 放空弹窗取消 |
| | | evacuationCancel() { |
| | | this.evacuationModalShow = false; |
| | | }, |
| | | init() { |
| | | // 获取称重信息 |
| | | this.$reqGet('weighList', { id: this.takeCoalId }).then(res => { |
| | |
| | | if (this.weighList.skin ? (this.weighList.skin < this.realTimeWeigh ? true : false) : true) { |
| | | this.saveWeigh(); |
| | | } else { |
| | | this.$u.toast('毛重不能小于皮重'); |
| | | this.$u.toast('毛重不q能小于皮重'); |
| | | this.isConfirmWeighLoading = false; |
| | | } |
| | | } else { |
| | |
| | | <!-- 待预约提煤单 --> |
| | | <view class="daiYuYue" v-for="(item, index) in driverBillOfLoadingData.list3" :key="index"> |
| | | <view class="daiYuYueTop"> |
| | | <text>提煤单编号:{{ item.code }}</text> |
| | | <text class="tmcode">提煤单编号:{{ item.code }}</text> |
| | | </view> |
| | | <view class="daiYuYueTable"> |
| | | <!-- <view>{{ item.deptName }}</view> |
| | |
| | | <view>已预约:{{ item.cars }} 车</view> --> |
| | | <uni-table border stripe emptyText="暂无更多数据"> |
| | | <uni-tr> |
| | | <uni-th align="center">煤场</uni-th> |
| | | <uni-th align="center">矿场</uni-th> |
| | | <uni-th align="center">煤种</uni-th> |
| | | <uni-th align="center">已预约</uni-th> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-td align="left">{{ item.deptName || '' }}</uni-td> |
| | | <uni-td align="left">{{ item.coalName || '' }}</uni-td> |
| | | <uni-td align="left">{{ item.cars || '' }} 车</uni-td> |
| | | <uni-td align="left">{{ item.cars || 0 }} 车次</uni-td> |
| | | </uni-tr> |
| | | <uni-tr> |
| | | <uni-th align="center">发运日期</uni-th> |
| | |
| | | <view class=""> |
| | | <view @click="list3CardIconClick(item)" class="haveYuYue" v-for="(item, index) in driverBillOfLoadingData.list2" :key="index"> |
| | | <view class="haveYuYueTop"> |
| | | <text>提煤单编号:{{ item.code || '' }}</text> |
| | | <text class="tmcode">提煤单编号:{{ item.code || '' }}</text> |
| | | </view> |
| | | <view class="haveYuYueCenter"> |
| | | <view>{{ item.deptName || '' }}</view> |
| | |
| | | qiangDanTitle: '抢单提示', |
| | | qiangDanContent: '', |
| | | qiangDanOrderPlanId: null, |
| | | fleetId: '' |
| | | fleetId: '', |
| | | xsUserId: '', |
| | | customerId: '' |
| | | }; |
| | | }, |
| | | onShow() { |
| | |
| | | // 抢单按钮 |
| | | qiangDanBtn(value) { |
| | | if (value.tmcCount == '0') { |
| | | this.qiangDan(value.orderPlanId, value.fleetId); |
| | | 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}单,确定抢单?`; |
| | | } |
| | |
| | | qiangDanConfirm() { |
| | | this.qiangDanContent = ''; |
| | | this.qiangDanShow = false; |
| | | this.qiangDan(this.qiangDanOrderPlanId, this.fleetId); |
| | | this.qiangDan(this.qiangDanOrderPlanId, this.fleetId, this.customerId, this.xsUserId); |
| | | }, |
| | | qiangDanCancel() { |
| | | this.qiangDanShow = false; |
| | | }, |
| | | // 抢单请求 |
| | | qiangDan(id, fleetId) { |
| | | this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId }, 'params') |
| | | qiangDan(id, fleetId, customerId, xsUserId) { |
| | | this.$reqPost('qiangDan', { orderPlanId: id, fleetId: fleetId, customerId: customerId, xsUserId: xsUserId }, 'params') |
| | | .then(res => { |
| | | if (res.code == 0) { |
| | | this.$u.toast('抢单成功'); |
| | |
| | | font-weight: 300; |
| | | &Top { |
| | | background-color: #f5f5f5; |
| | | height: vww(40); |
| | | height: vww(60); |
| | | padding-left: vww(12); |
| | | line-height: vww(40); |
| | | border: vww(1) solid #eeeeee; |
| | | font-weight: 400; |
| | | // .tmcode { |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | // white-space: nowrap; |
| | | // width: 100%; |
| | | // } |
| | | } |
| | | &Table { |
| | | .uni-table { |
| | |
| | | margin-top: vww(24); |
| | | &Top { |
| | | background-color: #f5f5f5; |
| | | height: vww(40); |
| | | height: vww(60); |
| | | padding-left: vww(12); |
| | | line-height: vww(40); |
| | | border: vww(1) solid #eeeeee; |
| | | font-weight: 400; |
| | | // .tmcode { |
| | | // overflow: hidden; |
| | | // text-overflow: ellipsis; |
| | | // white-space: nowrap; |
| | | // width: 100%; |
| | | // } |
| | | } |
| | | &Center { |
| | | border: vww(1) solid #eeeeee; |
| | |
| | | <view class="freightForwarder-index"> |
| | | <view class="freightForwarder-index-body"> |
| | | <u-empty mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" textSize="30" iconSize="1000" v-if="orderPlanData.length == 0"></u-empty> |
| | | <card v-for="(item, index) in orderPlanData" :key="index" :name="item.id" @click="cardBodyClick" backgroundType="1"> |
| | | <card v-for="(item, index) in orderPlanData" :key="index" :name="item.id" @click="cardBodyClick(item)" backgroundType="1"> |
| | | <template v-slot:left> |
| | | <view class="card-left__top"> |
| | | <text>{{ item.carNum }}</text> |
| | |
| | | <uni-td align="center">{{ item.tmCount }}</uni-td> |
| | | </uni-tr> |
| | | </uni-table> |
| | | <view class="more_text" v-if="showMoreData">没有数据了...</view> |
| | | <view class="more_text" v-if="showMoreData && historyCoalData.length !== 0">没有数据了...</view> |
| | | </scroll-view> |
| | | </view> |
| | | </view> |
| | |
| | | this.loading = true; |
| | | this.$reqGet('getJhOrderPlanDataPage', { current: this.pageCurrent, size: this.pageSize }).then(res => { |
| | | if (res.data.records) { |
| | | this.historyCoalData = [...this.historyCoalData, ...res.data.records]; |
| | | this.total = res.data.total; |
| | | if (this.pageCurrent > 1) { |
| | | this.historyCoalData = this.historyCoalData.concat(res.data.records); |
| | | this.loading = false; |
| | | } else { |
| | | this.historyCoalData = res.data.records; |
| | | this.loading = false; |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | |
| | | this.orderPlanData = res.data; |
| | | }); |
| | | }, |
| | | cardBodyClick(id) { |
| | | let code = null; |
| | | this.orderPlanData.forEach(item => { |
| | | if (item.id == id) { |
| | | code = item.code; |
| | | } |
| | | }); |
| | | cardBodyClick(item) { |
| | | // let code = null; |
| | | // this.orderPlanData.forEach(item => { |
| | | // if (item.orderPlanId == id) { |
| | | // code = item.code; |
| | | // id = item.orderPlanId; |
| | | // } |
| | | // }); |
| | | uni.navigateTo({ |
| | | url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${id}&code=${code}` |
| | | url: `/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanDetails?orderPlanId=${item.orderPlanId}&code=${item.code}` |
| | | }); |
| | | }, |
| | | // 转发 |
| | |
| | | .addCarButton { |
| | | width: 40%; |
| | | margin: 0 auto; |
| | | color: rgb(10, 108, 255); |
| | | } |
| | | } |
| | | } |
| | |
| | | <view class="forward"> |
| | | <view v-if="roleType == 1"><u-notice-bar :text="text" :fontSize="30" mode="link"></u-notice-bar></view> |
| | | <view v-else-if="roleType == 2"><u-notice-bar :text="text1" :fontSize="30" mode="link"></u-notice-bar></view> |
| | | <view class="forward-card" v-for="(val, index) in jhOrderPlanForwardList"> |
| | | <view class="forward-card" v-for="(val, index) in jhOrderPlanForwardList" :key="index"> |
| | | <u--form labelPosition="top" :model="forwardForm" ref="form1"> |
| | | <u-form-item label="转发对象" labelWidth="20%" ref="item1" @click="forwardObjectClick(index)"> |
| | | <u--input v-model="val.name" placeholder="点击选择转发对象"></u--input> |
| | | <u--input v-model="val.name" placeholder="点击选择转发对象" :readonly="true"></u--input> |
| | | </u-form-item> |
| | | <u-form-item label="输入数量" labelWidth="20%" ref="item1"> |
| | | <view class="forward-card-amount"> |
| | |
| | | this.carNumSurplus1 = Number(params.carNumSurplus1); |
| | | // 货代 |
| | | this.carNum = Number(params.carNum); |
| | | this.carNumSurplusHuodai = Number(params.carNumSurplusHuodai); |
| | | if (params.carNumSurplus1 || params.carNumSurplusHuodai) { |
| | | if (params.carNumSurplus1 != 0) { |
| | | this.forwardSurplus = params.carNumSurplus1; |
| | | } else if (params.carNumSurplusHuodai != 0) { |
| | | this.forwardSurplus = params.carNumSurplusHuodai; |
| | | } |
| | | } |
| | | this.carNumSurplusHuodai = this.forwardSurplus = Number(params.carNumSurplusHuodai); |
| | | this.orderPlanId = params.orderPlanId; |
| | | this.$reqGet('forwardList', { OrderPlanId: params.orderPlanId }).then(res => { |
| | | if (res.data.length !== 0 && this.roleType == 1) { |
| | |
| | | checkboxChange(value, index) { |
| | | console.log('复选框变化', value, index); |
| | | if (value.length != 0) { |
| | | console.log(this.forwardSurplus, '货代转发全部数量'); |
| | | this.jhOrderPlanForwardList[index].carNum = this.forwardSurplus; |
| | | } else { |
| | | this.jhOrderPlanForwardList[index].carNum = null; |
| | |
| | | <u--input v-model="registerFormModel.carNo" placeholder="请输入内容" clearable></u--input> |
| | | </u-form-item> |
| | | <u-form-item prop="carImg" label="车辆照片" labelWidth="20%" borderBottom v-if="radiovalue1 == '司机'" required> |
| | | <u-upload :fileList="fileList1" deletable @afterRead="afterRead" @delete="deletePic" name="1" multiple :maxCount="1" width="250" height="150"> |
| | | <u-upload |
| | | :fileList="fileList1" |
| | | deletable |
| | | @afterRead="afterRead" |
| | | @delete="deletePic" |
| | | name="1" |
| | | multiple |
| | | :maxCount="1" |
| | | width="250" |
| | | height="150" |
| | | :previewFullImage="true" |
| | | > |
| | | <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" |
| | | mode="widthFix" style="width: 250px;height: 150px;"></image> --> |
| | | </u-upload> |
| | | </u-form-item> |
| | | <u-form-item prop="drivingImg" label="行驶证" labelWidth="20%" borderBottom v-if="radiovalue1 == '司机'" required> |
| | | <u-upload :fileList="fileList2" deletable @afterRead="afterRead" @delete="deletePic" name="2" multiple :maxCount="1" width="250" height="150"> |
| | | <u-upload |
| | | :fileList="fileList2" |
| | | deletable |
| | | @afterRead="afterRead" |
| | | @delete="deletePic" |
| | | name="2" |
| | | multiple |
| | | :maxCount="1" |
| | | width="250" |
| | | height="150" |
| | | :previewFullImage="true" |
| | | > |
| | | <!-- <image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" |
| | | mode="widthFix" style="width: 250px;height: 150px;"></image> --> |
| | | </u-upload> |
| | |
| | | <u-modal :show="editRoleModelShow" :title="title" :content="content" :showCancelButton="true" @confirm="roleConfirm" @cancel="roleCancel"></u-modal> |
| | | </view> |
| | | <view class="registerBtn"><u-button text="注册" type="primary" @click="registerClick"></u-button></view> |
| | | <!-- 图片预览弹出框 --> |
| | | <!-- <view class="previewImage-container"> |
| | | <u-popup :show="previewImageShow" mode="center" @close="previewImageClose" @open="previewImageOpen"> |
| | | <u--image :src="previewImageSrc != null ? BaseUrl + previewImageSrc : ''" width="400px" height="400px"></u--image> |
| | | </u-popup> |
| | | </view> --> |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | }, |
| | | // 新增图片 |
| | | async afterRead(event) { |
| | | console.log('event', event); |
| | | // 当设置 mutiple 为 true 时, file 为数组格式,否则为对象格式 |
| | | let lists = [].concat(event.file); |
| | | let fileListLen = this[`fileList${event.name}`].length; |
| | |
| | | 1, |
| | | Object.assign(item, { |
| | | status: 'success', |
| | | message: '', |
| | | message: '上传成功', |
| | | url: result |
| | | }) |
| | | ); |
| | |
| | | url: BaseUrl + '/admin/sys-file/uploadUnToken', |
| | | filePath: url, |
| | | name: 'file', |
| | | // formData: { |
| | | // user: 'test' |
| | | // }, |
| | | formData: { |
| | | // user: '' |
| | | }, |
| | | success: res => { |
| | | resolve(JSON.parse(res.data).data.url); |
| | | if (num == 1) { |
| | | this.registerFormModel.carImg = JSON.parse(res.data).data.url; |
| | | resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); |
| | | } else if (num == 2) { |
| | | this.registerFormModel.drivingImg = JSON.parse(res.data).data.url; |
| | | resolve(`${BaseUrl}${JSON.parse(res.data).data.url}`); |
| | | } |
| | | } |
| | | }); |
| | |
| | | userInfo: {}, |
| | | roleType: null, // 1客户,2货代,3司机 |
| | | userTabbar: [], // 用户所在角色底部菜单, |
| | | orderPlanDataStore: [], |
| | | fleetDriverDataLength: 0 |
| | | }, |
| | | mutations: { |
| | | lengthchange(state, payload) { |
| | | state.fleetDriverDataLength = payload |
| | | }, |
| | | setUserInfo(state, identity) { |
| | | state.userInfo = userObj[identity] |
| | | }, |