From 5c2decc75ac02ba4409375efc4f793b02c505296 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期一, 23 十月 2023 18:53:10 +0800 Subject: [PATCH] 司机注册增加图片字段 司机首页样式更改 --- pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue | 234 ++++++++++++++++++++++++++++------------------------------ 1 files changed, 113 insertions(+), 121 deletions(-) diff --git a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue index a1e3497..c14eadc 100644 --- a/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue +++ b/pages/public-page/faYunstatisticsDetails/faYunstatisticsDetails.vue @@ -57,138 +57,130 @@ </view> </view> </view> + <view class="origin-info" + v-if="faYunDetailobj.orderType == '澶栬喘' || faYunDetailobj.orderType == '鍐呰喘' || faYunDetailobj.orderType == '杞嚭'"> + <combined-title title="鍘熷彂淇℃伅"></combined-title> + <view class="body-container"> + <view class="container-block"> + <view class="">鐨噸</view> + <view class="">{{ faYunDetailobj.skinTwo || 0 }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">姣涢噸</view> + <view class="">{{ faYunDetailobj.hairTwo || 0 }}</view> + </view> + </view> + <view class="body-container"> + <view class="container-block"> + <view class="">鍑�閲�</view> + <view class="">{{ faYunDetailobj.cleanTwo || 0 }}</view> + </view> + </view> + </view> </view> </view> - <!-- <view> - <combined-title title="鍙戣繍璇︽儏"></combined-title> - <view class="compDetails"> - <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁"> - <uni-tr> - <uni-th align="left">鎻愮叅鍗曠紪鍙�</uni-th> - <uni-td align="left">{{ faYunDetailobj.code || '' }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">鎻愮叅鍗曠姸鎬�</uni-th> - <uni-td align="left">{{ coalStatus[faYunDetailobj.status] }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">杞︾墝鍙�</uni-th> - <uni-td align="left">{{ faYunDetailobj.carNo || '' }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">鍏ュ満鏃堕棿</uni-th> - <uni-td align="left">{{ faYunDetailobj.inTime || '' }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">鍑哄満鏃堕棿</uni-th> - <uni-td align="left">{{ faYunDetailobj.outTime || '' }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">鐨噸</uni-th> - <uni-td align="left">{{ faYunDetailobj.skin || 0 }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">姣涢噸</uni-th> - <uni-td align="left">{{ faYunDetailobj.hair || 0 }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">鍑�閲�</uni-th> - <uni-td align="left">{{ faYunDetailobj.clean || 0 }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">璁㈠崟缂栧彿</uni-th> - <uni-td align="left">{{ faYunDetailobj.orderCode || '' }}</uni-td> - </uni-tr> - <uni-tr> - <uni-th align="left">璁㈠崟鍓╀綑閲�</uni-th> - <uni-td align="left">{{ faYunDetailobj.allowance || 0 }}</uni-td> - </uni-tr> - </uni-table> - </view> - </view> --> </template> <script> -export default { - data() { - return { - id: '', - faYunDetailobj: {}, - coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅浠�', '鍑虹叅浠�', '鏀剧┖', '浣滃簾', '鍏ュ満鐢宠', '杩涘叆鍦洪櫌'] - }; - }, - methods: {}, - onLoad(params) { - this.id = params.id; - }, - onShow() { - this.$reqGet('getTakeCoal', { takeCoalId: this.id }).then(res => { - if (res.code == 0) { - this.faYunDetailobj = res.data; - } else { - this.$u.toast('鑾峰彇鏁版嵁澶辫触'); - } - }); - } -}; + import combinedTitle from '@/components/combined-title/combined-title.vue'; + export default { + components: { + combinedTitle + }, + data() { + return { + id: '', + faYunDetailobj: {}, + coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅浠�', '鍑虹叅浠�', '鏀剧┖', '浣滃簾', '鍏ュ満鐢宠', + '杩涘叆鍦洪櫌', '寮傚父瀹℃牳涓�', '鎵撳嵃涓�', '鎵撳嵃涓�', '濉啓' + ] + }; + }, + methods: {}, + onLoad(params) { + this.id = params.id; + }, + onShow() { + this.$reqGet('getTakeCoal', { takeCoalId: this.id }).then(res => { + if (res.code == 0) { + this.faYunDetailobj = res.data; + } else { + this.$u.toast('鑾峰彇鏁版嵁澶辫触'); + } + }); + } + }; </script> -<style scoped lang="scss"> -@mixin flex { - display: flex; - justify-content: space-between; - align-items: center; -} -.main { - width: 100%; - margin-top: vww(10); - @include flex justify-content: center; - .main-body { - width: 690rpx; - height: 1062rpx; - background: #ffffff; - box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); - border-radius: 20rpx; - @include flex flex-direction: column; - align-items: flex-start; - .body-container { - width: 100%; - height: vww(56); - border-bottom: vww(1) solid #d6d6d6; +<style scoped + lang="scss"> + @mixin flex { + display: flex; + justify-content: space-between; + align-items: center; + } + + .main { + width: 100%; + margin-top: vww(10); + @include flex; + flex-direction: column; + + .main-body { + width: 690rpx; + height: 1062rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; @include flex; - justify-content: center; - .container-block { - width: 96%; + flex-direction: column; + align-items: flex-start; + + .body-container { + width: 100%; height: vww(56); + border-bottom: vww(1) solid #d6d6d6; @include flex; + justify-content: center; + + .container-block { + width: 96%; + height: vww(56); + @include flex; + } + } + + .last { + border-bottom: none; } } - .last { - border-bottom: none; + + .origin-info { + width: 690rpx; + min-height: 300rpx; + margin-top: 20rpx; + margin-bottom: 20rpx; + background: #ffffff; + box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12); + border-radius: 20rpx; + @include flex; + flex-direction: column; + align-items: flex-start; + + .body-container { + width: 100%; + height: vww(56); + border-bottom: vww(1) solid #d6d6d6; + @include flex; + justify-content: center; + + .container-block { + width: 94%; + @include flex; + } + } } } -} -.uni-table { - .uni-table-tr { - padding: 0; - border: vww(1) solid #c6c6c6; - .uni-table-th { - font-size: vww(14); - height: vww(30); - line-height: vww(30); - padding: vww(5) vww(10); - color: #111111; - font-weight: 500; - background: #e2e2e2; - } - .uni-table-td { - font-size: vww(14); - font-weight: 400; - height: vww(30); - line-height: vww(30); - padding: vww(5) vww(10); - color: #111111; - } - } -} -</style> +</style> \ No newline at end of file -- Gitblit v1.9.1