From 491249bdf736a5f7d50417c889ad2db734b12383 Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期四, 07 九月 2023 10:22:07 +0800
Subject: [PATCH] 操作指引修改
---
pages/customer-page/customer-index/fayunPlanDetails/fayunPlanMore/fayunPlanMore.vue | 269 +++++++++++++++++++++++++++++++++--------------------
1 files changed, 165 insertions(+), 104 deletions(-)
diff --git a/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanMore/fayunPlanMore.vue b/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanMore/fayunPlanMore.vue
index b4388cb..b66045c 100644
--- a/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanMore/fayunPlanMore.vue
+++ b/pages/customer-page/customer-index/fayunPlanDetails/fayunPlanMore/fayunPlanMore.vue
@@ -10,8 +10,8 @@
</view>
<view class="body-container">
<view class="container-block">
- <view class="">鎻愮叅鍗曠姸鎬�</view>
- <view class="">{{ coalStatus[yyDailyList.status] }}</view>
+ <view class="">閫氱煡鍗曠姸鎬�</view>
+ <view class="">{{ coalStatus[yyDailyList.statusWeigh]||'' }}</view>
</view>
</view>
<view class="body-container">
@@ -23,30 +23,30 @@
<view class="body-container">
<view class="container-block">
<view class="">鐨噸</view>
- <view class="">{{ yyDailyList.skin || '' }}</view>
+ <view class="">{{ yyDailyList.skin || 0 }}</view>
</view>
</view>
<view class="body-container">
<view class="container-block">
<view class="">姣涢噸</view>
- <view class="">{{ yyDailyList.hair || '' }}</view>
+ <view class="">{{ yyDailyList.hair || 0 }}</view>
</view>
</view>
<view class="body-container">
<view class="container-block">
<view class="">鍑�閲�</view>
- <view class="">{{ yyDailyList.clean || '' }}</view>
+ <view class="">{{ yyDailyList.clean || 0 }}</view>
</view>
</view>
<view class="body-container">
<view class="container-block">
<view class="">璁㈠崟鍓╀綑閲�</view>
- <view class="">{{ yyDailyList.allowance || '' }}</view>
+ <view class="">{{ yyDailyList.allowance || 0 }}</view>
</view>
</view>
<view class="body-container">
<view class="container-block">
- <view class="">鎻愮叅鍗曠紪鍙�</view>
+ <view class="">閫氱煡鍗曠紪鍙�</view>
<view class="">{{ yyDailyList.code || '' }}</view>
</view>
</view>
@@ -57,109 +57,170 @@
</view>
</view>
</view>
+ <weigh-item :list="showWeigh"></weigh-item>
</view>
</view>
</template>
<script>
-import combinedTitle from '@/components/combined-title/combined-title.vue';
-
-export default {
- components: {
- combinedTitle
- },
- onLoad(params) {
- this.orderPlanId = params.orderPlanId;
- this.index = params.index;
- },
- onShow() {
- this.GetOrderPlanDetail();
- },
- data() {
- return {
- orderPlanId: '',
- yyDailyList: {},
- orderPlanDetail: {},
- coalStatus: ['棰嗗彇', '棰勭害', '绛惧埌', '鍏ュ満', '绉扮毊', '绉版瘺', '绂诲満', '鍏ョ鎴�', '鍑虹鎴�', '鍏ョ叅浠�', '鍑虹叅浠�', '鏀剧┖', '浣滃簾', '鍏ュ満鐢宠', '杩涘叆鍦洪櫌'],
- index: ''
- };
- },
- methods: {
- GetOrderPlanDetail() {
- uni.showLoading({
- title: '鍔犺浇涓�...'
- });
- this.$reqGet('xiangqingList', { orderPlanId: this.orderPlanId }).then(res => {
- if (res.code == 0) {
- this.orderPlanDetail = res.data;
- this.yyDailyList = res.data.yyDailyList.filter((v, i) => i == this.index)[0];
- console.log(this.yyDailyList);
- uni.hideLoading();
- } 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;
- @include flex;
- justify-content: center;
- .container-block {
- width: 96%;
- height: vww(56);
- @include flex;
+ import combinedTitle from '@/components/combined-title/combined-title.vue';
+ import weighItem from '@/components/weighItem.vue'
+ import { onlineurl } from '@/api/request.js'
+ export default {
+ components: {
+ combinedTitle,
+ weighItem
+ },
+ onLoad(params) {
+ this.id = params.id;
+ },
+ onShow() {
+ this.GetOrderPlanDetail();
+ },
+ data() {
+ return {
+ id: '',
+ yyDailyList: {},
+ orderPlanDetail: {},
+ coalStatus: ['鏈О閲�', '绉伴噸涓�', '楠岃川涓�', '绉伴噸瀹屾垚', '楠岃川瀹屾垚'],
+ index: '',
+ onlineurl,
+ };
+ },
+ computed: {
+ // 灞曠ず鐨瘺鍑�
+ showWeigh() {
+ return this.orderPlanDetail.tmTaskCoalItems ? this.orderPlanDetail.tmTaskCoalItems : []
+ }
+ },
+ methods: {
+ GetOrderPlanDetail() {
+ uni.showLoading({
+ title: '鍔犺浇涓�...'
+ });
+ this.$reqGet('getTakeCoal', { takeCoalId: this.id }).then(res => {
+ if (res.code == 0) {
+ this.orderPlanDetail = res.data;
+ this.yyDailyList = res.data;
+ uni.hideLoading();
+ } else {
+ this.$u.toast('鍔犺浇澶辫触');
+ }
+ });
}
}
- .last {
- border-bottom: none;
+ };
+</script>
+
+<style scoped
+ lang="scss">
+ @mixin flex {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .main {
+ width: 100%;
+ margin-top: vww(10);
+ color: #303030;
+ @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 flex-direction: column;
+ align-items: flex-start;
+
+ .body-container {
+ color: #303030;
+ 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;
+ }
+ }
+
+ .weigh-history {
+ width: 690rpx;
+ height: 100%;
+ min-height: 420rpx;
+ margin: vww(40) auto;
+ margin-top: 20rpx;
+ background: #ffffff;
+ box-shadow: 4rpx 6rpx 51rpx 0rpx rgba(73, 120, 240, 0.11);
+ border-radius: 20rpx;
+ position: relative;
+ font-size: 30rpx;
+ font-weight: 300;
+ color: #303030;
+ overflow: hidden;
+
+
+ .block-main {
+ display: grid;
+ grid-template-columns: auto;
+ grid-template-rows: repeat(auto-fit, minmax(40rpx, 1fr));
+ gap: auto 5rpx;
+ width: 94%;
+ height: 100%;
+ min-height: 380rpx;
+ margin: vww(18) vww(7) vww(11) vww(17);
+ gap: 10rpx 20rpx;
+
+ .weigh-item {
+ width: 100%;
+ height: vww(80);
+ @include flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-start;
+
+ .item-block {
+ width: 100%;
+ height: vww(36);
+ @include flex;
+ justify-content: space-around;
+
+ .item {
+ min-width: vww(50);
+ height: vww(45);
+ font-size: 21rpx;
+ font-weight: 400;
+ color: #ffffff;
+ text-align: center;
+ line-height: vww(30);
+ @include flex;
+
+ .concrete {
+ width: vww(36);
+ height: vww(36);
+ }
+
+ .num {
+ font-size: 40rpx;
+ font-weight: 300;
+ color: #303030;
+ }
+ }
+ }
+ }
+ }
}
}
-}
-.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