From ec780412cf6fb5e35eb0b18c2e434740699969e1 Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Thu, 11 Dec 2025 19:18:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/venue.js                 |   4 +
 src/views/venue/order/detail.vue |   8 +-
 src/views/venue/room/Add.vue     |  19 ++++-
 src/views/venue/room/Data.vue    | 126 +++++++++++++++++++++++++++++++
 src/views/venue/room/Edit.vue    |  22 +++++-
 src/views/venue/room/index.vue   |  23 +++++-
 src/views/venue/venue/index.vue  |   6 +-
 7 files changed, 197 insertions(+), 11 deletions(-)
 create mode 100644 src/views/venue/room/Data.vue

diff --git a/src/api/venue.js b/src/api/venue.js
index 155b65c7..84f82072 100644
--- a/src/api/venue.js
+++ b/src/api/venue.js
@@ -62,6 +62,10 @@ let VenueApi = {
         return request._post('/shop/user.balance/log', data, errorback);
     }, 
 
+    /*场地使用率*/
+    groundRoomRate(data, errorback) {
+        return request._post('/shop/ground.groundRoom/groundRoomRate', data, errorback);
+    }, 
 }
 
 export default VenueApi;
diff --git a/src/views/venue/order/detail.vue b/src/views/venue/order/detail.vue
index 1f9bce65..9e25882a 100644
--- a/src/views/venue/order/detail.vue
+++ b/src/views/venue/order/detail.vue
@@ -13,11 +13,11 @@
         <div class="common-form">费用明细</div>
         <el-form :model="order" :label-width="formLabelWidth">
             <el-form-item label="灯光费用">
-                <div>灯光价格: ￥{{ order.light_price }}</div>
+                <div>灯光价格: ￥{{ order.light_price }}/小时</div>
                 <div>灯光总价: ￥{{ order.light_all_price }}</div>
             </el-form-item>     
             <el-form-item label="场地费">
-                <div>场地价格: ￥{{ order.room_price }}</div>
+                <div>场地价格: ￥{{ order.room_price }}/小时</div>
                 <div>场地总价: ￥{{ order.room_all_price }}</div>
             </el-form-item>
             <el-form-item label="订单金额">
@@ -37,8 +37,8 @@
             <el-form-item label="订单状态:">
                 <span v-if="order.order_status == 0" style="color: #F56C6C;">待付款</span>
                 <span v-if="order.order_status == 1">已预约</span>
-                <span v-if="order.order_status == 2"  style="color: #67C23A;">进行中</span>
-                <span v-if="order.order_status == 3"  style="color: #67C23A; font-weight: bold;">已完结</span>
+                <span v-if="order.order_status == 2" style="color: #67C23A;">进行中</span>
+                <span v-if="order.order_status == 3" style="color: #67C23A; font-weight: bold;">已完结</span>
                 <span v-if="order.order_status == 4">已取消</span>
                 <span v-if="order.order_status == 5">退订/退款</span>
             </el-form-item>
diff --git a/src/views/venue/room/Add.vue b/src/views/venue/room/Add.vue
index 4bd77046..c71b8243 100644
--- a/src/views/venue/room/Add.vue
+++ b/src/views/venue/room/Add.vue
@@ -48,6 +48,17 @@
 				</el-select>
 			</el-form-item>
 
+			<el-form-item label="高峰期时间段" prop="hit_time" :label-width="formLabelWidth">
+				<el-select v-model="form.hit_time" multiple placeholder="请选择">
+					<el-option
+						v-for="item in options"
+						:key="item.value"
+						:label="item.label"
+						:value="item.value">
+					</el-option>
+				</el-select>
+			</el-form-item>
+
 			<el-form-item label="灯光价格" prop="light_price" :label-width="formLabelWidth">
 				<el-input v-model="form.light_price" autocomplete="off" placeholder="请输入场馆价格"></el-input>
 			</el-form-item>					
@@ -103,7 +114,8 @@ export default {
 					'06:00-07:00',
 					'07:00-08:00',
 					'08:00-09:00',
-				]
+				],
+				hit_time:[]
 			},
 			formRules: {
 				ground_id: [{
@@ -140,6 +152,11 @@ export default {
 					required: true,
 					message: '请选择免费时间段',
 					trigger: 'blur'
+				}],		
+				hit_time: [{
+					required: true,
+					message: '请选择高峰时间段',
+					trigger: 'blur'
 				}],	
 				light_price: [{
 					required: true,
diff --git a/src/views/venue/room/Data.vue b/src/views/venue/room/Data.vue
new file mode 100644
index 00000000..a51e705b
--- /dev/null
+++ b/src/views/venue/room/Data.vue
@@ -0,0 +1,126 @@
+<template>
+	<el-dialog title="场地使用率" :visible.sync="dialogVisible" @close="dialogFormVisible" :close-on-click-modal="false"
+		:close-on-press-escape="false">
+		
+		<div class="common-seach-wrap">
+            <el-form size="small" :inline="true" :model="searchForm" class="demo-form-inline">
+                <el-form-item label="起始时间">
+                    <div class="block">
+                        <span class="demonstration"></span>
+                        <el-date-picker size="small" v-model="searchForm.start_time" type="daterange"
+                            value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期"
+                            end-placeholder="结束日期"></el-date-picker>
+                    </div>
+                </el-form-item>
+                
+                <el-form-item>
+                    <el-button size="small" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+                </el-form-item>
+            </el-form>
+
+			<div style="">
+				<div style="text-align: center;">场地使用率</div>
+				<div style="margin-top: 20px;display: flex; justify-content: center;">
+					<el-progress type="circle" :percentage="percentage"></el-progress>
+				</div>
+			</div>
+        </div>
+		<div slot="footer" class="dialog-footer">
+			<!-- <el-button @click="dialogFormVisible">取 消</el-button>
+			<el-button type="primary" @click="addUser" :loading="loading">确 定</el-button> -->
+		</div>
+	</el-dialog>
+
+</template>
+
+<script>
+import PorductApi from '@/api/product.js';
+import Upload from '@/components/file/Upload';
+import Uediter from '@/components/UE.vue';
+import VenueApi from '@/api/venue.js';
+
+export default {
+	components: {
+		Upload,
+		Uediter,
+	},
+	data() {
+		return {
+			/*富文本框配置*/
+			ueditor: {
+				text: '',
+				config: {
+					initialFrameWidth: 400,
+					initialFrameHeight: 500
+				},
+			},
+			searchForm: {
+				start_time: '',
+				end_time: ''
+			},
+			/*左边长度*/
+			formLabelWidth: '120px',
+			/*是否显示*/
+			dialogVisible: false,
+			loading: false,
+			/*是否上传图片*/
+			isupload: false,
+			model: {},
+			percentage: 0
+		};
+	},
+    props: ['open_data', 'dataform'],
+	created() {
+		this.model = this.dataform;
+		this.dialogVisible = this.open_data;
+		this.getData()
+	},
+	methods: {
+		getData() {
+			const Params = this.searchForm
+			Params.room_id = this.model.id
+
+			if (Params.start_time && Params.end_time) {
+				Params.start_time = Params.start_time
+				Params.end_time = Params.end_time
+			}
+
+			VenueApi.groundRoomRate(Params, true).then(res => {
+				console.log("🚀 ~ res:", res)
+			}).catch(error => {
+				console.log("🚀 ~ error:", error)
+			})	
+		},
+		
+		/*关闭弹窗*/
+		dialogFormVisible(e) {
+			if (e) {
+				this.$emit('closeDialog', {
+					type: 'success',
+					openDialog: false
+				})
+			} else {
+				this.$emit('closeDialog', {
+					type: 'error',
+					openDialog: false
+				})
+			}
+		},
+
+		onSubmit() {
+			let self = this;
+			self.loading = true;
+			const start_time = self.searchForm.start_time;
+			self.searchForm.start_time = start_time[0]
+			self.searchForm.end_time = start_time[1]
+			self.getData();
+		}
+	}
+};
+</script>
+
+<style>
+.img {
+	margin-top: 10px;
+}
+</style>
diff --git a/src/views/venue/room/Edit.vue b/src/views/venue/room/Edit.vue
index 23271dc7..5015018a 100644
--- a/src/views/venue/room/Edit.vue
+++ b/src/views/venue/room/Edit.vue
@@ -47,6 +47,17 @@
 					</el-option>
 				</el-select>
 			</el-form-item>
+			
+			<el-form-item label="高峰期时间段" prop="hit_time" :label-width="formLabelWidth">
+				<el-select v-model="form.hit_time" multiple placeholder="请选择">
+					<el-option
+						v-for="item in options"
+						:key="item.value"
+						:label="item.label"
+						:value="item.value">
+					</el-option>
+				</el-select>
+			</el-form-item>
 
 			<el-form-item label="灯光价格" prop="light_price" :label-width="formLabelWidth">
 				<el-input v-model="form.light_price" autocomplete="off" placeholder="请输入场馆价格"></el-input>
@@ -99,7 +110,8 @@ export default {
 				light_price: '',
 				status: '',
 				holiday: '',
-				free_time: []
+				free_time: [],
+				hit_time: [],
 			},
 			formRules: {
 				ground_id: [{
@@ -136,7 +148,12 @@ export default {
 					required: true,
 					message: '请选择免费时间段',
 					trigger: 'blur'
-				}],	
+				}],
+				hit_time: [{
+					required: true,
+					message: '请选择高峰期时间段',
+					trigger: 'blur'
+				}],
 				light_price: [{
 					required: true,
 					message: '请输入灯光价格',
@@ -195,6 +212,7 @@ export default {
 		});
 		console.log("🚀 ~ this.form.holiday:", this.form.holiday)
 		this.form.free_time = this.editform.free_time;
+		this.form.hit_time = this.editform.hit_time;
 		this.form.light_price = this.editform.light_price;
 		this.form.status = this.editform.status;
       	console.log("🚀 ~ this.form:", this.form)
diff --git a/src/views/venue/room/index.vue b/src/views/venue/room/index.vue
index 8e84d8ce..15e048c6 100644
--- a/src/views/venue/room/index.vue
+++ b/src/views/venue/room/index.vue
@@ -48,6 +48,8 @@
 								v-auth="'/venue/room/edit'">编辑</el-button>
 							<el-button @click="deleteClick(scope.row)" type="text" size="small"
 								v-auth="'/venue/room/delete'">删除</el-button>
+							<el-button @click="dataClick(scope.row)" type="text" size="small"
+								v-auth="'/venue/room/data'">使用率</el-button>
 						</template>
 					</el-table-column>
 				</el-table>
@@ -65,6 +67,8 @@
         <Add v-if="open_add" :open_add="open_add" @closeDialog="closeDialogFunc($event, 'add')"></Add>
         <!--修改-->
         <Edit v-if="open_edit" :open_edit="open_edit" :editform="venueModel" @closeDialog="closeDialogFunc($event, 'edit')"></Edit>
+		<!-- 使用率 -->
+        <Data v-if="open_data" :open_data="open_data" :dataform="venueModel" @closeDialog="closeDialogFunc($event, 'data')"></Data>
     </div>
 </template>
 
@@ -73,12 +77,14 @@ import UserApi from '@/api/user.js';
 import VenueApi from '@/api/venue.js';
 import Add from './Add.vue';
 import Edit from './Edit.vue';
+import Data from './Data.vue';
 
 export default {
     components: {
         /*编辑组件*/
         Edit,
-        Add
+        Add,
+		Data
     },
 	data() {
 		return {
@@ -102,6 +108,7 @@ export default {
 			open_add: false,
 			/*是否打开编辑弹窗*/
 			open_edit: false,
+			open_data: false,
 			/*当前编辑的对象*/
 			venueModel: {},
 			veuneList: {}
@@ -208,6 +215,12 @@ export default {
 					this.getTableList();
 				}
 			}
+			if (f == 'data') {
+				this.open_add = e.openDialog;
+				if (e.type == 'success') {
+					this.getTableList();
+				}
+			}
 		},
 
 		/*删除场地*/
@@ -246,7 +259,13 @@ export default {
 				.catch(() => {
 					self.loading = false;
 				});
-		}
+		},
+
+		// 打开使用率
+		dataClick(item) {
+			this.open_data = true;
+			this.venueModel = item;
+		},
 	}
 };
 </script>
diff --git a/src/views/venue/venue/index.vue b/src/views/venue/venue/index.vue
index e4fd9f1e..81116395 100644
--- a/src/views/venue/venue/index.vue
+++ b/src/views/venue/venue/index.vue
@@ -29,7 +29,7 @@
 							<el-button @click="editClick(scope.row)" type="text" size="small"
 								v-auth="'/venue/venue/edit'">编辑</el-button>
 							<el-button @click="deleteClick(scope.row)" type="text" size="small"
-								v-auth="'/venue/venue/delete'">删除</el-button>
+								v-auth="'/venue/venue/delete'">删除</el-button>	
 						</template>
 					</el-table-column>
 				</el-table>
@@ -55,12 +55,14 @@ import UserApi from '@/api/user.js';
 import VenueApi from '@/api/venue.js';
 import Add from './Add.vue';
 import Edit from './Edit.vue';
+import Data from './Edit.vue';
 
 export default {
     components: {
         /*编辑组件*/
         Edit,
-        Add
+        Add,
+		Data
     },
 	data() {
 		return {