From 95d13763767e7d16d08792a95f04c885014914d2 Mon Sep 17 00:00:00 2001
From: xk_guohonglei <2057494155@qq.com>
Date: Sat, 22 Aug 2020 16:27:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B2=B9=E7=AB=99=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/cloud-site.js             |   4 +-
 components/OrderOil.vue       | 111 ++++++++++++++++++++++++++++++----
 components/order-item.vue     |  17 +++---
 pages.json                    |   6 +-
 pages/orderList/orderList.vue |  54 +++++++++++++----
 pages/qrcode/QrCode_xy.vue    |  89 ++++++++++++++++++++++++---
 utils/request.js              |   9 ++-
 7 files changed, 240 insertions(+), 50 deletions(-)

diff --git a/api/cloud-site.js b/api/cloud-site.js
index 12e6e73..e1f1818 100644
--- a/api/cloud-site.js
+++ b/api/cloud-site.js
@@ -53,8 +53,8 @@ export default {
 	// 获取带参数的油站二维码
 	getDesignatedSiteQrCode(data) {
 		return request({
-			url: `/${service_name}/${group_name}/getSiteQrCode`,
-			method: 'get',
+			url: `/${service_name}/${group_name}/updateSiteQrCode`,
+			method: 'post',
 			data: data
 		})
 	},
diff --git a/components/OrderOil.vue b/components/OrderOil.vue
index c781a89..229938a 100644
--- a/components/OrderOil.vue
+++ b/components/OrderOil.vue
@@ -2,10 +2,10 @@
 	<view>
 		<view class="content text-left padding">
 			<view class="strong padding-bottom-xs color-333 ">
-				{{'oilSiteName'}}
+				{{oilSite.oilSiteName}}
 			</view>
 			<view class="font-12 color-999">
-				<text class="padding-right">1.32km</text> | <text class="padding-left text-cut">紫云路与金寨南路交口向西200...</text>
+				<text class=" text-cut">{{oilSite.address}}</text>
 			</view>
 		</view>
 		<view class="padding-left padding-right">
@@ -13,8 +13,8 @@
 				油号选择：
 			</view>
 			<view class="grid col-5 justify-start">
-				<view class="padding-xs" v-for="(item,index) in ColorList" :key="index">
-					<button class="cu-btn" :class="[active===index?'bg-main-oil':'line-gray']">92#</button>
+				<view class="padding-xs" v-for="(item,index) in oilList" :key="index">
+					<button class="cu-btn" @tap="oilNameSel(item)" :class="[selected.oilName===item.oilName?'bg-main-oil':'line-gray']">{{item.oilName}}</button>
 				</view>
 			</view>
 		</view>
@@ -22,8 +22,8 @@
 			<text class="strong padding-right font-16">
 				0#柴油
 			</text>
-			<text class="padding-right">星油价格:<text class="oil-main-color text-bold">￥6.41/L</text></text>
-			<text class="s-rich">市场价:￥6.5/L</text>
+			<text class="padding-right">星油价格:<text class="oil-main-color text-bold">￥{{selected.xkPrice?selected.xkPrice:selected.lvPrice|numberFilter}}/L</text></text>
+			<text class="s-rich">市场价:￥{{selected.standardPrice|numberFilter}}/L</text>
 		</view>
 		<view class="padding-left padding-right">
 			<view class="padding-bottom-sm">
@@ -32,7 +32,7 @@
 			<view class="grid col-5 justify-start">
 
 				<view class="padding-xs" v-for="(item,index) in ColorList" :key="index">
-					<button class="cu-btn" :class="[active===index?'bg-main-oil':'line-gray']">{{index}}</button>
+					<button @tap="gunIdSel(index)" class="cu-btn" :class="[gunId===index?'bg-main-oil':'line-gray']">{{index+1}}</button>
 				</view>
 			</view>
 		</view>
@@ -40,27 +40,112 @@
 		<view class="solid-top margin-top-sm shadow-warp">
 			<view class="cu-form-group">
 				<view class="title">加油升数</view>
-				<input type="number" placeholder="请输入加油升数" name="input"></input>
-				<text>约￥0.00</text>
+				<input type="number" v-model="vol" @input="calcMoney" placeholder="请输入加油升数" name="input"></input>
+				<text>约￥{{money.total}}</text>
 			</view>
 			<view class="my-cell">
-				<text class="font-12">星卡优惠金额</text><text class="fr">-￥0.00</text>
+				<text class="font-12">星卡优惠金额</text><text class="fr">-￥{{money.discount}}</text>
 			</view>
 			<view class="my-cell">
-				<text class="font-12">实际支付金额</text><text class="oil-main-color fr">￥0.00</text>
+				<text class="font-12">实际支付金额</text><text class="oil-main-color fr">￥{{money.realPay}}</text>
 			</view>
 		</view>
-		<button class="margin  round bg-main-oil">确定</button>
+		<button class="margin  round bg-main-oil" @tap="onConfirm">确定</button>
 
 	</view>
 </template>
 
 <script>
 	export default {
+		props: {
+			oilList: {
+				type: Array,
+				default () {}
+			}
+		},
 		data() {
 			return {
 				active: 0,
-				ColorList: [1, 2, 9, 10]
+				vol: '',
+				oliNameList: [1, 2, 9, 10],
+				ColorList: [1, 2, 9, 10],
+				gunId: 0,
+				oilSite: uni.getStorageSync('oilSite'),
+				selected: {
+					xkPrice: '',
+					standardPrice: ''
+				},
+				money: {
+					total: 0,
+					discount: 0,
+					realPay: 0
+				},
+				price: 1
+			}
+		},
+		created() {
+			console.log(this.oilList)
+			this.initForm()
+		},
+		watch: {
+			oilList: {
+				handler(newVal, oldVal) {
+					console.log('深度监听', newVal, oldVal)
+					this.oilList = newVal
+					this.initForm()
+				},
+				deep: true
+			},
+			selected: {
+				handler(newVal, oldVal) {
+					console.log('深度监听2323', newVal, oldVal)
+					this.selected = newVal
+					if (newVal) {
+						this.calcMoney()
+					}
+				},
+				deep: true
+			},
+		},
+		methods: {
+			gunIdSel(index) {
+				this.gunId = index
+			},
+			oilNameSel(item) {
+				this.selected = item
+
+			},
+			initForm() {
+				if (this.oilList) {
+					this.selected = this.oilList[0]
+				}
+			},
+			onConfirm() {
+				const data5 = {
+					...this.selected,
+					vol: this.vol,
+					oilPrice: this.selected.xkPrice ? this.selected.xkPrice : this.selected.lvPrice,
+					gunId: this.gunId + 1,
+					realPay:this.money.realPay
+
+				}
+				console.log('被选中的', data5)
+				this.$emit('confirmVol', data5)
+			},
+			calcMoney() {
+				this.price = this.selected.xkPrice ? this.selected.xkPrice : this.selected.lvPrice
+				this.money.total = this.vol * this.selected.standardPrice
+				this.money.discount = this.money.total - this.vol * (this.selected.standardPrice - this.price)
+				this.money.realPay = (this.money.total - this.money.discount).toFixed(2)
+				console.log('总金额','折扣','实际支付')
+			}
+		},
+		filters: {
+			numberFilter(value) {
+				value = value - 1 + 1
+				if (value) {
+					return value.toFixed(2)
+				}
 			}
 		}
 	}
diff --git a/components/order-item.vue b/components/order-item.vue
index a2f2adf..8695722 100644
--- a/components/order-item.vue
+++ b/components/order-item.vue
@@ -1,11 +1,11 @@
 // 可供选择的订单
 // 开票列表
 <template>
-	<view class="cu-item  radius shadow">
-		<image class="pay-status" :src="baseURL+'static/img/oil-unfinished.png'" alt />
+	<view class="cu-item  radius shadow margin-bottom">
+		<!-- <image class="pay-status" :src="baseURL+'static/img/oil-unfinished.png'" alt /> -->
 		<view class="cu-avatar text-sl" :style="'background-image:url('+baseURL+'static/img/order-wjy.png)'"></view>
 		<view class="content">
-			<view class=" solid-bottom padding-bottom">
+			<view class=" solid-bottom padding-bottom-sm">
 				<view class="flex-treble">
 					{{item.orderID}}
 				</view>
@@ -20,9 +20,9 @@
 					<view class="details">
 						<view class="top1 text-left">
 							<image class="icon icon-desc " :src="baseURL+'static/img/oil-lf.png'" alt />
-							<text class="padding-left-xs" v-if="item.vol"> {{item.vol}}升</text>
-							<text >
-								{{item.oilName}} （{{item.oilCode}}）
+							<text class="padding-left-xs" v-if="item.vol"> {{item.vol|numberFilter}}升</text>
+							<text>
+								{{item.oilName}} 
 							</text>
 
 						</view>
@@ -30,7 +30,7 @@
 							<image class="icon icon-desc  " :src="baseURL+'static/img/oil-time.png'" alt />
 
 							<text class="padding-left-xs">
-								{{item.credateDatetime}}
+								{{item.createDatetime.substring(0,19)}}
 							</text>
 						</view>
 						<view class="bottom text-left">
@@ -44,7 +44,7 @@
 				</view>
 			</view>
 			<view class="margin-top-sm flex justify-between">
-				<view class="text-gray text-df">2018年12月4日</view>
+				<view class="text-gray text-df">{{item.createDatetime.substring(0, 10)}}</view>
 				<view>
 					<text class="color-000 total-money">￥{{item.realamount|numberFilter}}</text>
 				</view>
@@ -99,6 +99,7 @@
 				}
 			},
 			numberFilter(value) {
+				value = value -1+1
 				return value.toFixed(2)
 			}
 		}
diff --git a/pages.json b/pages.json
index 7d7f92d..8bbe38b 100644
--- a/pages.json
+++ b/pages.json
@@ -5,6 +5,9 @@
 			"style": {
 
 			}
+		}, {
+			"path": "pages/orderList/orderList",
+			"style": {}
 		},
 		{
 			"path": "pages/index/index",
@@ -30,9 +33,6 @@
 			"style": {}
 		},
 		{
-			"path": "pages/orderList/orderList",
-			"style": {}
-		}, {
 			"path": "pages/Auth/Auth",
 			"style": {}
 		}
diff --git a/pages/orderList/orderList.vue b/pages/orderList/orderList.vue
index c2610a2..8ccbbbe 100644
--- a/pages/orderList/orderList.vue
+++ b/pages/orderList/orderList.vue
@@ -10,9 +10,22 @@
 				 @tap="tabSelect" :data-id="index">{{item}}</view>
 			</view>
 		</scroll-view>
-		<view class="margin">
-			<OrderItem class="cu-list menu-avatar comment" v-for="(item,index) in tabList" :key="index" v-show="index==TabCur"
-			 :item="order" />
+		<view class="padding　 padding-bottom-0">
+			<view v-show="TabCur==0" class="order-list">
+				<view 　v-for="item in allOrder" :key="item.orderID">
+					<OrderItem class="cu-list order-item  menu-avatar   comment" :item="item" />
+				</view>
+			</view>　
+			<view v-show="TabCur==1" class="order-list">
+				<view v-for="item in payingOrder" :key="item.orderID">
+					<OrderItem class="cu-list order-item menu-avatar comment" :item="item" />
+				</view>
+			</view>
+			<view v-show="TabCur==2" class="order-list">
+				<view 　 v-for="item in finishedOrder" :key="item.orderID">
+					<OrderItem class="cu-list order-item  menu-avatar   comment" :item="item" />
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -27,11 +40,11 @@
 		data() {
 			return {
 				tabList: [
-					'全部', '待支付', '已支付', '退款'
+					'全部', '待支付', '已支付'
 				],
 				TabCur: 0,
 				pageNumber: 1,
-				istate: 3,
+				istate: -3,
 				scrollLeft: 0,
 				order: {
 					istate: 0,
@@ -44,7 +57,10 @@
 					sourceType: 3,
 					realamount: 4.66,
 					credateDatetime: '2020-10-12 12:30:10'
-				}
+				},
+				allOrder: [],
+				finishedOrder: [],
+				payingOrder: [],
 			}
 		},
 		created() {
@@ -56,11 +72,12 @@
 				this.calcIstate(this.TabCur)
 				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
 			},
+		
 			calcIstate(id) {
 
 				switch (id) {
 					case 0:
-						this.istate = 3
+						this.istate = -3
 						this.loadList()
 						break
 					case 1:
@@ -71,11 +88,6 @@
 						this.istate = 1
 						this.loadList()
 						break
-					case 3:
-						this.istate = 2
-						this.loadList()
-						break
-
 				}
 			},
 			loadList() {
@@ -84,7 +96,19 @@
 					pageIndex: this.pageNumber //类型：Number  必有字段  备注：查询第几页,默认一页10条
 				}
 				cloudSiteApi.getSiteOrder(data2).then(res => {
-
+					if (res.code === 20000) {
+						switch (this.istate) {
+							case 0:
+								this.payingOrder = res.data
+								break
+							case 1:
+								this.finishedOrder = res.data
+								break
+							case -3:
+								this.allOrder = res.data
+								break
+						}
+					}
 				})
 			}
 		}
@@ -95,4 +119,8 @@
 	.content {
 		min-height: 100%;
 	}
+
+	.order-list .order-item:last-of-type {
+		margin-bottom: 0;
+	}
 </style>
diff --git a/pages/qrcode/QrCode_xy.vue b/pages/qrcode/QrCode_xy.vue
index c5857a8..5dcf4f9 100644
--- a/pages/qrcode/QrCode_xy.vue
+++ b/pages/qrcode/QrCode_xy.vue
@@ -15,16 +15,17 @@
 					 @result="qrR" />
 				</view>
 			</view>
-			<view class="text-center padding-bottom-xs padding-bottom-xs">
+			<view @tap="refreashQr" class="text-center padding-bottom-xs padding-bottom-xs">
 				<text class="color-999 font-12">
 					<text class="cuIcon-refresh padding-right-xs"></text>
-					付款码自动 （25s）
+					<!-- 付款码自动 （25s） -->
+					付款码 
 					<text class="oil-main-color">
-						刷新
+						 刷新
 					</text>
 				</text>
 			</view>
-			<view class="text-center color-000 font-10 margin-bottom-sm">
+			<view class="text-center  color-000 font-10 margin-bottom-sm" @tap="refreashQr">
 				提示：司机扫描二维码支付油费
 			</view>
 			<view class="padding font-12 solid-top">
@@ -39,7 +40,10 @@
 					</view>
 
 					<view class="text-right flex-sub oil-main-color">
-						￥1.20
+						<text v-if="!showData.realPay">
+							未指定
+						</text>
+						<text v-else>￥{{showData.realPay}}</text>
 					</view>
 				</view>
 				<view class="flex padding-left padding-right">
@@ -54,7 +58,10 @@
 
 
 					<text class="text-right flex-sub">
-						约56.00L
+						<text v-if="!showData.vol">
+							未指定
+						</text>
+						<text v-else>{{showData.vol}}L</text>
 					</text>
 				</view>
 			</view>
@@ -74,7 +81,7 @@
 					</view>
 				</view>
 				<view class="text-left padding-bottom padding-top-0 bg-white">
-					<OrderOilForm />
+					<OrderOilForm @confirmVol="getDesignatedQr" :oilList="oilList" />
 				</view>
 			</view>
 		</view>
@@ -85,7 +92,7 @@
 	import OrderOilForm from '@/components/OrderOil.vue'
 	// 引入二维码库  
 	import QR from "@/utils/wxqrcode.js" // 二维码生成器  
-
+	import cloudSiteApi from '@/api/cloud-site.js'
 	import tkiQrcode from "@/components/tki-qrcode/tki-qrcode.vue"
 
 	export default {
@@ -95,19 +102,81 @@
 		},
 		data() {
 			return {
+				oilList: [],
 				modalName: 'mod',
 				oilSiteName: '',
 				qrImg: "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1102530589,2787379918&fm=11&gp=0.jpg",
-				val: '羊的屎是猪',
-				iconUrl: '../../static/img/qr-icon.png'
+				val: '',
+				iconUrl: '../../static/img/qr-icon.png',
+				oilDate: {
+					oilSiteCode: uni.getStorageSync('oilSite').oilSiteCode,
+					oilSiteName: uni.getStorageSync('oilSite').oilSiteName,
+					oilCode: '',
+					oilName: '',
+					gunId: '',
+					standardPrice: '',
+					oilPrice: '',
+					vol: ''
+				},
+				showData: {
+					vol: '',
+					realPay: ''
+				}
 
 			}
 		},
 		onLoad() {
 			this.oilSiteName = uni.getStorageSync('oilSiteName')
+			this.getDefaultQr()
+			this.getSiteInfo()
+			// this.getDesignatedQr/()
+			console.log('oilDate', this.oilDate)
 		},
 		methods: {
+			// 刷新
+			refreashQr() {
+				console.log('刷新函数')
+				if (this.showData.vol) {
+					this.getDesignatedQr()
+				} else {
+					this.getDefaultQr()
+				}
+			},
+			getSiteInfo() {
+				cloudSiteApi.getSiteDetail().then(res => {
+					console.log('...', res)
+					if (res.code === 20000) {
+						this.site = res.data.site
+						this.oilList = res.data.oil
+						uni.setStorage({
+							key: 'oilSite',
+							data: res.data.site
+						})
+					}
+				})
+			},
+			getDefaultQr() {
+				cloudSiteApi.getSiteQrCode().then(res => {
+					if (res.code === 20000) {
+						this.val = res.data
+					}
+				})
+			},
+			getDesignatedQr(data) {
+				const data6 = {
+					...this.oilDate,
+					...data
+				}
+				this.showData = data
+				cloudSiteApi.getDesignatedSiteQrCode(data6).then(res => {
+					if (res.code === 20000) {
+						this.val = res.data
+						this.hideModal()
+					}
+				})
+			},
 			hideModal() {
+				console.log('关闭呀')
 				this.modalName = ''
 			},
 			qrR() {
diff --git a/utils/request.js b/utils/request.js
index 710b0b8..b7b92c9 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -73,8 +73,15 @@ service.interceptors.response.use(
 				icon: "none"
 			})
 			if(res.code===42011){
+				console.log(res.code)
 				uni.navigateTo({
-					url:'/pages/login/login.vue'
+					url:'/pages/login/login',
+					success: () => {
+						console.log('跳转成功')
+					},
+					fail: (err) => {
+						console.log(err)
+					}
 				})
 			}
 		}