Merge remote-tracking branch 'origin/master'
已添加3个文件
已修改11个文件
已重命名1个文件
| | |
| | | this.form.memberIdList = null |
| | | this.form.type = type |
| | | this.getfindCompanyTreePage() |
| | | this.loadMember() |
| | | // æ°å»ºç»ç» |
| | | if (target == null) { |
| | | this.$nextTick(() => { |
| | |
| | | }) |
| | | } |
| | | } |
| | | this.loadMember() |
| | | }) |
| | | }, |
| | | getfindCompanyTreePage() { |
| | |
| | | const formData = new FormData() |
| | | |
| | | formData.append('folder', 'member') |
| | | if(this.uploadData.isFace || this.uploadData.isFace == 0){ |
| | | formData.append('isFace', 0) |
| | | } |
| | | formData.append( |
| | | 'file', |
| | | new File( |
| | |
| | | data |
| | | }) |
| | | } |
| | | export const validPhoneCaptcha = (data) => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/business/smsEmail/validPhoneCaptcha', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | export const orderListTms = (data) => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/tms/orderList', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | | export const orderInfoTms = (data) => { |
| | | return http({ |
| | | url: 'visitsAdmin/cloudService/tms/orderInfo', |
| | | method: 'post', |
| | | data |
| | | }) |
| | | } |
| | |
| | | // loginout |
| | | export const logoutPost = (data) => { |
| | | return http({ |
| | | url: '/logout', |
| | | url: '/logoutForH5', |
| | | method: 'post', |
| | | data |
| | | }) |
| | |
| | | { |
| | | "navigationBarTitleText" : "æçèå¤" |
| | | } |
| | | }, |
| | | { |
| | | "path" : "pages/waybill/home", |
| | | "style" : |
| | | { |
| | | "navigationBarTitleText" : "è¿åæ¥è¯¢" |
| | | } |
| | | }, |
| | | { |
| | | "path" : "pages/waybill/list", |
| | | "style" : |
| | | { |
| | | "navigationBarTitleText" : "è¿åæ¥è¯¢" |
| | | } |
| | | }
|
| | | ],
|
| | | "subPackages": [
|
| | |
| | | })
|
| | | },
|
| | | loginOut() { |
| | | logoutPost()
|
| | | logoutPost({isH5: 1})
|
| | | this.$store.commit('empty')
|
| | | window.location.href = app_url
|
| | | },
|
| | |
| | | code: ''
|
| | | }
|
| | | },
|
| | | onLoad(option) { |
| | | if(option.type){ |
| | | |
| | | } |
| | | },
|
| | | onShow() {
|
| | | var that = this
|
| | | let url = 'https://atwl.ahzyssl.com/zhyq_h5/#/'
|
| | |
| | | return permissions.indexOf(str) > -1
|
| | | },
|
| | | loginOut() { |
| | | logoutPost()
|
| | | logoutPost({isH5: 1})
|
| | | this.$store.commit('empty')
|
| | | window.location.href = app_url
|
| | | },
|
| | |
| | | this.videoContext = uni.createVideoContext("myvideo", this); // thisè¿ä¸ªæ¯å®ä¾å¯¹è±¡ å¿
ä¼
|
| | | console.log(item)
|
| | | this.videoUrl = item.fileurlFull;
|
| | | this.videoPlay = true;
|
| | | this.$nextTick(() => { |
| | | this.videoContext.requestFullScreen({
|
| | | direction: 90
|
| | | });
|
| | | this.videoContext.play();
|
| | | this.videoPlay = true;
|
| | | }) |
| | | |
| | | },
|
| | | handleOpen() {
|
| | | this.isShowHandle = true;
|
| | |
| | | }
|
| | |
|
| | | .flow_wrap {
|
| | | padding: 30rpx 0;
|
| | | padding: 30rpx 0 90rpx;
|
| | |
|
| | | .list {
|
| | | .item {
|
| | |
| | | color: #333333;
|
| | | }
|
| | | }
|
| | |
|
| | | .video_app{ |
| | | position: absolute; |
| | | left: 3000rpx; |
| | | top: 3000rpx; |
| | | }
|
| | | .Transfer_footer {
|
| | | display: flex;
|
| | |
|
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <view class="main_app"> |
| | | <image class="bg" src="@/static/wuliuche_bg@2x.png" mode="widthFix"></image> |
| | | <view class="login_wrap"> |
| | | <view class="item"> |
| | | <view class="la">ææºå·</view> |
| | | <input v-model="form.phone" maxlength="18" placeholder-class="placeholder9" placeholder="请è¾å
¥ææºå·" /> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="la">éªè¯ç </view> |
| | | <view class="df_sb"> |
| | | <input |
| | | v-model="form.code" |
| | | placeholder="请è¾å
¥éªè¯ç " |
| | | placeholder-class="placeholder9" |
| | | type="text" |
| | | /> |
| | | <text class="captcha" v-if="countDown == 0" @click="initCaptcha" |
| | | >è·åéªè¯ç </text |
| | | > |
| | | <text class="placeholder9" v-else>{{ countDown }}</text> |
| | | </view> |
| | | </view> |
| | | <view class="login_btn" @click="onSubmit"> |
| | | <view class="login_btn_n">æ¥è¯¢</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import { sendSms, validPhoneCaptcha } from '@/api' |
| | | export default { |
| | | data() { |
| | | return { |
| | | form: { |
| | | code: '', |
| | | phone: '' |
| | | }, |
| | | countDown: 0 |
| | | }; |
| | | }, |
| | | methods: { |
| | | onSubmit() { |
| | | const { code, phone } = this.form |
| | | if (!phone) return this.showToast('ææºå·ä¸è½ä¸ºç©º') |
| | | if (!code) return this.showToast('éªè¯ç ä¸è½ä¸ºç©º') |
| | | validPhoneCaptcha({ |
| | | phone, code |
| | | }).then(res => { |
| | | if (res && res.code == 200) { |
| | | uni.navigateTo({ |
| | | url: "/pages/waybill/list?phone=" + phone |
| | | }) |
| | | } |
| | | }) |
| | | }, |
| | | initCaptcha() { |
| | | if (!this.form.phone) return uni.showToast({ |
| | | title: 'ææºå·ä¸è½ä¸ºç©º', |
| | | icon: 'none' |
| | | }) |
| | | sendSms({ phone: this.form.phone }).then(res => { |
| | | this.countDown = 60 |
| | | setInterval(() => { |
| | | if (this.countDown == 0) return |
| | | this.countDown-- |
| | | }, 1000) |
| | | }) |
| | | }, |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .main_app{ |
| | | padding-top: 218rpx; |
| | | .bg{ |
| | | width: 750rpx; |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | z-index: -1; |
| | | } |
| | | .login_wrap { |
| | | width: 690rpx; |
| | | height: 490rpx; |
| | | background: #FFFFFF; |
| | | box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(39,155,170,0.16); |
| | | border-radius: 16rpx; |
| | | padding: 40rpx 30rpx; |
| | | box-sizing: border-box; |
| | | |
| | | .item { |
| | | width: 100%; |
| | | height: 126rpx; |
| | | padding-right: 10rpx; |
| | | box-sizing: border-box; |
| | | margin-bottom: 30rpx; |
| | | border-bottom: 1px solid #E5E5E5; |
| | | &:last-child { |
| | | margin-bottom: 0 !important; |
| | | } |
| | | |
| | | .la{ |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | color: #222222; |
| | | } |
| | | .captcha { |
| | | color: $uni-color-primary; |
| | | } |
| | | .df_sb{ |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | } |
| | | input { |
| | | flex: 1; |
| | | height: 86rpx; |
| | | color: #666666; |
| | | // margin-left: 24rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | border: none; |
| | | } |
| | | } |
| | | } |
| | | .login_btn { |
| | | width: 630rpx; |
| | | height: 88rpx; |
| | | box-sizing: border-box; |
| | | margin-top: 40rpx; |
| | | .login_btn_n { |
| | | width: 100%; |
| | | height: 98rpx; |
| | | background: $uni-color-primary; |
| | | box-shadow: 0rpx 12rpx 24rpx 0rpx rgba(39, 155, 170, 0.2); |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 30rpx; |
| | | color: #ffffff; |
| | | border-radius: 50rpx; |
| | | } |
| | | } |
| | | } |
| | | </style> |
¶Ô±ÈÐÂÎļþ |
| | |
| | | <template>
|
| | | <view class="main_app">
|
| | | <view class="head_wrap">
|
| | | <view class="search_box">
|
| | | <image src="@/static/ic_search@2x.png" class="search" mode=""></image>
|
| | | <input type="text" placeholder-class="placeholder9" v-model="param.name" @confirm="handleQuery" />
|
| | | </view>
|
| | | <view class="right" @click="openModal">
|
| | | <image src="@/static/ic_shaixuan@2x.png" mode=""></image>
|
| | | <text>çé</text>
|
| | | </view>
|
| | | </view>
|
| | | <!-- -->
|
| | | <view class="main_list">
|
| | | <view class="item" v-for="item,index in list" :key="index">
|
| | | <view class="head">
|
| | | <view class="code">{{item.contractNumber}}</view>
|
| | | <view class="status">{{item.orderStatus}}</view>
|
| | | </view>
|
| | | <view class="content">
|
| | | <view class="line">
|
| | | <view class="la">åè´§å°ï¼</view>
|
| | | <view class="val">{{item.fromRepertoty || '-'}}</view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">å°è´§å°ï¼</view>
|
| | | <view class="val">{{item.toRepertoty || '-'}}</view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">车çå·ï¼</view>
|
| | | <view class="val">{{item.plateNumber || '-'}}</view>
|
| | | </view>
|
| | | </view>
|
| | | <view class="footer">
|
| | | <view class="time">{{item.ncCreateDate}}</view>
|
| | | <view class="detail" @click="handleDetail(item)">æ¥ç详æ
</view>
|
| | | </view>
|
| | | </view>
|
| | | <view v-if="list.length === 0" style="text-align: center">
|
| | | <image src="@/static/empty.png" style="width: 320rpx; margin: 120px auto 0" mode="widthFix" />
|
| | | <view class="placeholder9 fs24">ææ æ°æ®</view>
|
| | | </view>
|
| | | </view>
|
| | | <!-- -->
|
| | | <u-popup :show="showModal" round="12" @close="showModal = false">
|
| | | <view class="modal">
|
| | | <view class="modal_title">çé</view>
|
| | | <view class="line">
|
| | | <view class="la">ååå·</view>
|
| | | <view class="val">
|
| | | <input type="text" placeholder-class="placeholder9" v-model="form.contract" />
|
| | | </view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">å¶åå¼å§æ¥æ</view>
|
| | | <view class="val" @click="showStarttime = true">
|
| | | <text class="mr12"
|
| | | :class="{placeholder9: !form.starttime}">{{ form.starttime ? form.starttime : 'è¯·éæ©' }}</text>
|
| | | <u-icon name="arrow-right" size="14" color="#999999"></u-icon>
|
| | | </view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">å¶åç»ææ¥æ</view>
|
| | | <view class="val" @click="showEndtime = true">
|
| | | <text class="mr12" :class="{placeholder9: !form.endtime}">{{ form.endtime ? form.endtime : 'è¯·éæ©' }}</text>
|
| | | <u-icon name="arrow-right" size="14" color="#999999"></u-icon>
|
| | | </view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">åè´§å°</view>
|
| | | <view class="val">
|
| | | <input type="text" placeholder-class="placeholder9" v-model="form.fromRepertoty" />
|
| | | </view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">å°è´§å°</view>
|
| | | <view class="val">
|
| | | <input type="text" placeholder-class="placeholder9" v-model="form.toRepertoty" />
|
| | | </view>
|
| | | </view>
|
| | | <view class="line">
|
| | | <view class="la">ç份</view>
|
| | | <view class="val" @click="showPri = true">
|
| | | <text class="mr12" :class="{placeholder9: !form.provinceName}">{{ form.provinceName ? form.provinceName : 'è¯·éæ©' }}</text>
|
| | | <u-icon name="arrow-right" size="14" color="#999999"></u-icon>
|
| | | </view>
|
| | | </view>
|
| | | <view class="btns">
|
| | | <view class="btn" @click="showModal = false">åæ¶</view>
|
| | | <view class="btn sub" @click="modalSub">æäº¤</view>
|
| | | </view>
|
| | | </view>
|
| | | </u-popup>
|
| | | <!-- -->
|
| | | <u-datetime-picker :show="showStarttime" v-model="form.starttime" mode="date" @confirm="confirmStart"
|
| | | @cancel="showStarttime = false"></u-datetime-picker>
|
| | | <u-datetime-picker :show="showEndtime" v-model="form.endtime" mode="date" @confirm="confirmEnd"
|
| | | @cancel="showEndtime = false"></u-datetime-picker> |
| | | <u-picker :show="showPri" :columns="provinceList" @cancel="showPri = false" @confirm="confirmPro"></u-picker> |
| | | |
| | | </view>
|
| | | </template>
|
| | |
|
| | | <script>
|
| | | import {
|
| | | orderListTms
|
| | | } from '@/api'
|
| | | import dayjs from 'dayjs';
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | param: {},
|
| | | list: [],
|
| | | page: 1,
|
| | | total: 0,
|
| | |
|
| | | showModal: false,
|
| | | showStarttime: false,
|
| | | showEndtime: false, |
| | | showPri: false,
|
| | | form: {},
|
| | | provinceList: [
|
| | | [
|
| | | 'å®å¾½ç', 'æ±èç', 'æµæ±ç', 'æ²³åç', '山西ç', 'å京', '天津', '䏿µ·', 'éåº', 'è¾½å®ç', 'åæç', 'é»é¾æ±ç', 'ç¦å»ºç', 'æ±è¥¿ç', 'å±±ä¸ç',
|
| | | 'æ²³åç', 'æ¹åç', 'æ¹åç', '广ä¸ç', 'æµ·åç', 'åå·ç', 'è´µå·ç', 'äºåç', 'é西ç', 'çèç', 'éæµ·ç', 'å°æ¹¾ç', 'å
èå¤èªæ²»åº', '广西壮æèªæ²»åº',
|
| | | '西èèªæ²»åº', 'å®å¤åæèªæ²»åº', 'æ°çç»´å¾å°èªæ²»åº'
|
| | | ]
|
| | | ]
|
| | | };
|
| | | },
|
| | | onLoad(options) { |
| | | this.$set(this.param, 'phoneNumber', options.phone) |
| | | this.$set(this.form, 'starttime', dayjs().format('YYYY/MM/DD')) |
| | | const nextMonth = dayjs().add(1, 'month'); |
| | | this.$set(this.form, 'endtime', nextMonth.format('YYYY/MM/DD'))
|
| | | this.getList()
|
| | | },
|
| | | methods: {
|
| | | modalSub() {
|
| | | this.handleQuery()
|
| | | this.showModal = false
|
| | | },
|
| | | openModal() {
|
| | | this.showModal = true
|
| | | }, |
| | | confirmPro(e) { |
| | | this.$set(this.form, 'provinceName', e.value[0]) |
| | | this.showPri = false |
| | | },
|
| | | confirmStart(e) {
|
| | | this.$nextTick(() => {
|
| | | this.$set(this.form, 'starttime', dayjs(e.value).format('YYYY/MM/DD'))
|
| | | })
|
| | | this.showStarttime = false
|
| | | },
|
| | | confirmEnd(e) {
|
| | | this.$nextTick(() => {
|
| | | this.$set(this.form, 'endtime', dayjs(e.value).format('YYYY/MM/DD'))
|
| | | })
|
| | | this.showEndtime = false
|
| | | },
|
| | | handleQuery() {
|
| | | this.getList()
|
| | | },
|
| | | handleDetail(item) { |
| | | uni.navigateTo({ |
| | | url: '/pages/waybill/waybillDetail?id=' + item.contractNumber |
| | | }) |
| | | },
|
| | | getList() {
|
| | | const {
|
| | | param,
|
| | | form
|
| | | } = this |
| | | if(form.contract){ |
| | | form.contractNumber = [form.contract] |
| | | }else{ |
| | | form.contractNumber = null |
| | | }
|
| | | orderListTms({
|
| | | ...param, |
| | | ...form
|
| | | }).then(res => {
|
| | | this.list = res.data || []
|
| | | this.total = res.data.total
|
| | | })
|
| | | }
|
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style lang="scss">
|
| | | page {
|
| | | background: #F7F7F7;
|
| | | }
|
| | |
|
| | | .head_wrap {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | width: 750rpx;
|
| | | background-color: #fff;
|
| | | margin: 0 -30rpx;
|
| | | padding: 12rpx 30rpx;
|
| | |
|
| | | .search_box {
|
| | | flex: 1;
|
| | | width: 572rpx;
|
| | | height: 76rpx;
|
| | | background: #F7F7F7;
|
| | | border-radius: 38rpx;
|
| | | padding-left: 30rpx;
|
| | | display: flex;
|
| | | align-items: center;
|
| | |
|
| | | input {
|
| | | flex: 1;
|
| | | height: 60rpx;
|
| | | }
|
| | |
|
| | | .search {
|
| | | width: 28rpx;
|
| | | height: 28rpx;
|
| | | margin-right: 16rpx;
|
| | | }
|
| | | }
|
| | |
|
| | | .right {
|
| | | display: flex;
|
| | | align-items: center;
|
| | | margin-left: 30rpx;
|
| | |
|
| | | image {
|
| | | width: 28rpx;
|
| | | height: 28rpx;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .main_list {
|
| | | background-color: #f7f7f7;
|
| | | width: 750rpx;
|
| | | margin: 0 -30rpx;
|
| | | padding: 24rpx 30rpx;
|
| | | height: calc(100vh - 140rpx);
|
| | |
|
| | | .item {
|
| | | border-radius: 8rpx;
|
| | | margin-bottom: 20rpx;
|
| | | padding: 0 30rpx;
|
| | | background-color: #fff;
|
| | |
|
| | | .head {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | padding: 0 30rpx;
|
| | | width: 690rpx;
|
| | | height: 84rpx;
|
| | | margin: 0 -30rpx;
|
| | | background: linear-gradient(270deg, #FEFEFF 0%, #E1F7FE 100%);
|
| | |
|
| | | .code {
|
| | | font-weight: 500;
|
| | | font-size: 32rpx;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .status {
|
| | | color: $uni-color-primary;
|
| | | }
|
| | | }
|
| | |
|
| | | .content {
|
| | | padding: 20rpx 0rpx;
|
| | | border-bottom: 1rpx solid #E5E5E5;
|
| | | margin-bottom: 20rpx;
|
| | |
|
| | | .line {
|
| | | display: flex;
|
| | | margin-bottom: 16rpx;
|
| | | font-size: 26rpx;
|
| | |
|
| | | .la {
|
| | | color: #666666;
|
| | | }
|
| | |
|
| | | .val {}
|
| | |
|
| | | &:nth-last-child(1) {
|
| | | margin-bottom: 0;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .footer {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | font-size: 26rpx;
|
| | | color: #999999;
|
| | | padding-bottom: 20rpx;
|
| | |
|
| | | .detail {
|
| | | width: 168rpx;
|
| | | height: 60rpx;
|
| | | background: #FFFFFF;
|
| | | border-radius: 30rpx;
|
| | | border: 1rpx solid $uni-color-primary;
|
| | | color: $uni-color-primary;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | font-size: 26rpx;
|
| | |
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .modal {
|
| | | .modal_title {
|
| | | height: 112rpx;
|
| | | display: flex;
|
| | | align-items: center;
|
| | | justify-content: center;
|
| | | font-weight: 500;
|
| | | font-size: 32rpx;
|
| | | color: #222222;
|
| | | }
|
| | |
|
| | | .line {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | align-items: center;
|
| | | font-size: 30rpx;
|
| | | height: 98rpx;
|
| | | padding: 0 28rpx;
|
| | | border-bottom: 1rpx solid #E5E5E5;
|
| | |
|
| | | .val {
|
| | | display: flex;
|
| | | justify-content: flex-end;
|
| | | flex: 1;
|
| | |
|
| | | input {
|
| | | text-align: right;
|
| | | width: 100%;
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | .btns {
|
| | | display: flex;
|
| | | justify-content: space-between;
|
| | | padding: 30rpx;
|
| | |
|
| | | .btn {
|
| | | width: 336rpx;
|
| | | height: 88rpx;
|
| | | border-radius: 44rpx;
|
| | | border: 1rpx solid $uni-color-primary;
|
| | | color: $uni-color-primary;
|
| | | display: flex;
|
| | | justify-content: center;
|
| | | align-items: center;
|
| | | font-size: 32rpx;
|
| | | }
|
| | |
|
| | | .sub {
|
| | | background-color: $uni-color-primary;
|
| | | color: #fff;
|
| | | }
|
| | | }
|
| | | }
|
| | | </style> |
| | |
| | | <template>
|
| | | <view class="main_app">
|
| | | <image src="@/static/driver/wuliuche_bg@2x.png" class="main_bg"></image>
|
| | | <view class="form_wrap">
|
| | | <view class="item">
|
| | | <view class="label">ååç¼å·</view>
|
| | | <image class="bg" src="@/static/wuliuche_bg@2x.png" mode="widthFix"></image> |
| | | <view class="info"> |
| | | <view class="head"> |
| | | <view class="code">{{info.contractNumber}}</view> |
| | | <view class="status">{{info.orderStatus}}</view> |
| | | </view> |
| | | <view class="content"> |
| | | <view class="line">
|
| | | <view class="input_wrap"><input v-model="param.aa" placeholder="请è¾å
¥ååç¼å·" placeholder-class="place" type="text" /></view>
|
| | | </view>
|
| | | </view> |
| | | <view class="item"> |
| | | <view class="label">éæ¹ç¼å·</view> |
| | | <view class="line"> |
| | | <view class="input_wrap"><input v-model="param.aa" placeholder="请è¾å
¥ååä¸éæ¹ç¼å·" placeholder-class="place" type="text" /></view> |
| | | </view> |
| | | </view> |
| | | <view class="item"> |
| | | <view class="label">éªè¯ç </view> |
| | | <view class="line"> |
| | | <view class="input_wrap"><input v-model="param.aa" placeholder="请è¾å
¥éªè¯ç " placeholder-class="place" type="text" /></view> |
| | | <image src="" class="auth_code" mode=""></image> |
| | | </view> |
| | | </view> |
| | | <view class="query">æ¥è¯¢</view>
|
| | | </view>
|
| | | <view class="title">æ¥è¯¢ç»æ</view> |
| | | <view class="drive_info"> |
| | | <view class="title">ååç¼å·</view> |
| | | <view class="line"> |
| | | <view class="label">è¿è¾è½¦è¾</view> |
| | | <view class="val">11</view> |
| | | <view class="la">åè´§å°</view> |
| | | <view class="val">{{info.fromRepertoty || '-'}}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="label">叿ºä¿¡æ¯</view> |
| | | <view class="val">11</view> |
| | | <view class="la">å°è´§å°</view> |
| | | <view class="val">{{info.toRepertoty || '-'}}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="label">车è¾ä½ç½®</view> |
| | | <view class="val">11</view> |
| | | <view class="la">车çå·</view> |
| | | <view class="val">{{info.plateNumber || '-'}}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="la">叿ºä¿¡æ¯</view> |
| | | <view class="val">{{ '-'}}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="la">车è¾ä½ç½®</view> |
| | | <view class="val">{{ '-'}}</view> |
| | | </view> |
| | | <view class="line"> |
| | | <view class="la">é¢è®¡å°è¾¾</view> |
| | | <view class="val">{{'-'}}</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="drive_info"> |
| | | <view class="title">ç©æµä¿¡æ¯</view> |
| | | <view class="item"> |
| | | <!-- <view class="item"> |
| | | <view class="h2"> |
| | | <view class="icon_wrap"><image src="@/static/driver/ic_mostarted.png" class="icon"></image></view> |
| | | <view class="text">å°è¾¾å¸è´§å°</view> |
| | |
| | | </view> |
| | | <view class="time">202422222222</view> |
| | | <view class="separate"></view> |
| | | </view> |
| | | </view> --> |
| | | </view> |
| | | </view>
|
| | | </template>
|
| | |
|
| | | <script>
|
| | | import { orderInfoTms } from '@/api'
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | id: '', |
| | | info: {}, |
| | | param: {}
|
| | | };
|
| | | }, |
| | | onLoad(options) { |
| | | this.id = options.id |
| | | this.getDetail() |
| | | }, |
| | | methods: { |
| | | getDetail() { |
| | | orderInfoTms({ contractNumber: this.id }).then(res => { |
| | | this.info = res.data |
| | | }) |
| | | }, |
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style lang="scss" scoped>
|
| | | .form_wrap { |
| | | width: 690rpx; |
| | | height: 646rpx; |
| | | background: #FFFFFF; |
| | | box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(39,155,170,0.16); |
| | | border-radius: 16rpx; |
| | | padding: 10rpx 30rpx; |
| | | margin-bottom: 40rpx; |
| | | .item{ |
| | | height: 154rpx; |
| | | padding: 30rpx 0 8rpx; |
| | | border-bottom: 1rpx solid #E5E5E5; |
| | | .label{} |
| | | .line{ |
| | | display: flex; |
| | | .input_wrap{ |
| | | padding: 18rpx 0; |
| | | flex: 1; |
| | | .place{ |
| | | color: #999999; |
| | | font-size: 28rpx; |
| | | } |
| | | } |
| | | .auth_code{ |
| | | width: 160rpx; |
| | | height: 64rpx; |
| | | border: 2px solid; |
| | | } |
| | | } |
| | | } |
| | | .query{ |
| | | width: 630rpx; |
| | | height: 88rpx; |
| | | background: $uni-color-primary; |
| | | border-radius: 44rpx; |
| | | margin-top: 40rpx; |
| | | color: #fff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | font-size: 30rpx; |
| | | } |
| | | page{ |
| | | background-color: #f7f7f7; |
| | | }
|
| | | .main_app{ |
| | | padding-top: 218rpx; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | margin-bottom: 30rpx; |
| | | padding-top: 120rpx; |
| | | .bg{ |
| | | width: 750rpx; |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | } |
| | | .drive_info{ |
| | | background: #F7F7F7; |
| | | background: #fff; |
| | | border-radius: 16rpx; |
| | | padding: 30rpx; |
| | | margin-bottom: 20rpx; |
| | | .title{ |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | margin-bottom: 20rpx; |
| | | } |
| | | .line{ |
| | | display: flex; |
| | | margin-bottom: 24rpx; |
| | |
| | | } |
| | | .separate{ |
| | | height: calc( 100% ); |
| | | width: 2rpx; |
| | | border: 2rpx dashed red; |
| | | width: 1rpx; |
| | | border: 1rpx dashed #666666; |
| | | position: absolute; |
| | | left: 22rpx; |
| | | top: 24rpx; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | .info { |
| | | border-radius: 12rpx; |
| | | margin-bottom: 20rpx; |
| | | padding: 0 30rpx; |
| | | background-color: #fff; |
| | | overflow: hidden; |
| | | position: relative; |
| | | z-index: 1; |
| | | .head { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | padding: 0 30rpx; |
| | | width: 690rpx; |
| | | height: 84rpx; |
| | | margin: 0 -30rpx; |
| | | background: linear-gradient( 270deg, #FEFEFF 0%, #E1F7FE 100%); |
| | | |
| | | .code { |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #222222; |
| | | } |
| | | |
| | | .status { |
| | | color: $uni-color-primary; |
| | | } |
| | | } |
| | | |
| | | .content { |
| | | padding: 20rpx 0rpx; |
| | | margin-bottom: 20rpx; |
| | | |
| | | .line { |
| | | display: flex; |
| | | margin-bottom: 16rpx; |
| | | font-size: 26rpx; |
| | | |
| | | .la { |
| | | color: #666666; |
| | | width: 140rpx; |
| | | } |
| | | |
| | | .val {} |
| | | |
| | | &:nth-last-child(1) { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | }
|
| | | .main_bg { |
| | | position: absolute; |