From 73fa55f178e2dabf73f43155452c41568db6290b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=98=AF=E5=B0=8F=E7=8E=8B=E5=91=80=5C24601?=
 <819653817@qq.com>
Date: Fri, 27 Sep 2024 14:48:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=A2=84=E7=BA=A6=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../volunteer/Venuemanagement/info.vue        | 102 +++++++++++++-----
 1 file changed, 75 insertions(+), 27 deletions(-)

diff --git a/src/views/modules/volunteer/Venuemanagement/info.vue b/src/views/modules/volunteer/Venuemanagement/info.vue
index a096dfe22..4f3b87d02 100644
--- a/src/views/modules/volunteer/Venuemanagement/info.vue
+++ b/src/views/modules/volunteer/Venuemanagement/info.vue
@@ -2,49 +2,71 @@
     <div>
 
         <div class="dialog-h-content scroll-h">
-
             <el-form ref="ref_form" :model="formData" :rules="dataRule" class="form">
-                    <!-- <el-col :span="12">
+                <!-- <el-col :span="12">
                         <el-form-item label="所属组织" prop="agencyName" label-width="100px">
                             <el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入组织名称"
                                 :disabled="true" class="u-item-width-normal"></el-input>
                         </el-form-item>
                      -->
-                        <el-form-item label="挂靠阵地" prop="type" label-width="100px">
-                            <!-- <el-select  :disabled="showdisabled" v-model="formData.type" placeholder="请选择" clearable class="u-item-width-normal">
+                <el-form-item label="挂靠阵地" prop="type" label-width="100px">
+                    <!-- <el-select  :disabled="showdisabled" v-model="formData.type" placeholder="请选择" clearable class="u-item-width-normal">
                             <el-option  :disabled="showdisabled" class="u-item-width-normal" v-for="item in formData.optionstype" :key="item.value" :label="item.label"
                                 :value="item.value">typeName
                                    <div>{{ formData.typeName }}</div>
                             </el-option>
                         </el-select> -->
-                        <div>{{ formData.positionName }}</div>
-                        </el-form-item>
-                        <el-form-item label="名称" label-width="100px" prop="name">
-                            <!-- <el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入名称"
+                    <div>{{ formData.positionName }}</div>
+                </el-form-item>
+                <el-form-item label="名称" label-width="100px" prop="name">
+                    <!-- <el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入名称"
                                 :disabled="showdisabled" class="u-item-width-normal"></el-input> -->
-                                <div>{{ formData.name }}</div>
-                        </el-form-item>
-                        <el-form-item label="联系电话" prop="linkPhone" label-width="100px">
-                            <div>{{ formData.linkPhone }}</div>
-                        </el-form-item>
-                        <!-- <el-form-item label="办公时间" prop="workTime" label-width="100px">
+                    <div>{{ formData.name }}</div>
+                </el-form-item>
+                <el-form-item label="联系电话" prop="linkPhone" label-width="100px">
+                    <div>{{ formData.linkPhone }}</div>
+                </el-form-item>
+                <!-- <el-form-item label="办公时间" prop="workTime" label-width="100px">
                             <div>{{ formData.workTime }}</div>
                         </el-form-item> -->
-                        <el-form-item label="图片" label-width="100px" prop="attrs">
-                            <template>
-                                    <img v-for="(item, index) in this.formData.attrs" :key="index" :src="item.url" style="width: 100px; height: 100px;">
-                            </template>
-                        </el-form-item>
-                        <!-- <el-form-item label="阵地简介" prop="content" label-width="100px" style="display: block">
+                <el-form-item label="图片" label-width="100px" prop="attrs">
+                    <template>
+                        <img v-for="(item, index) in this.formData.attrs" :key="index" :src="item.url"
+                            style="width: 100px; height: 100px;">
+                    </template>
+                </el-form-item>
+                <!-- <el-form-item label="阵地简介" prop="content" label-width="100px" style="display: block">
                             <div>{{ formData.content }}</div>
                         </el-form-item> -->
-                        <el-form-item label="位置" prop="address" label-width="100px" style="display: block">
-                            <div style="width: 300px">
-                                <div>{{ formData.address }}</div>
-                                <div id="app_activity" class="div_map"></div>
-                            </div>
-                        </el-form-item>
-               </el-form>
+                <el-form-item label="位置" prop="address" label-width="100px" style="display: block">
+                    <div style="width: 300px">
+                        <div>{{ formData.address }}</div>
+                        <div id="app_activity" class="div_map"></div>
+                    </div>
+                </el-form-item>
+            </el-form>
+            <h3>预约记录</h3>
+            <div class="m-table">
+                <el-table class="table" :data="tableData1" border style="width: 100%" label-position="left"  height="250">
+                    <el-table-column label="序号" header-align="center" align="center" type="index"
+                        width="80"></el-table-column>
+                    <el-table-column prop="time" header-align="center" align="center" label="日期"
+                        :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="name" header-align="center" align="center" label="预约人"
+                        :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="available" header-align="center" align="center" label="预约时间"
+                        :show-overflow-tooltip="true">
+                    </el-table-column>
+                    <el-table-column prop="status" header-align="center" align="center" label="状态"
+                        :show-overflow-tooltip="true">
+                        <template slot-scope="scope">
+                            <span>{{ scope.row.status === 1 ? '已取消' : '已预约' }}</span>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
         </div>
         <!-- <div class="div_btn">
             <el-button size="small" @click="handleCancle">取 消</el-button>
@@ -97,6 +119,7 @@
                   longitude: this.$store.state.user.longitude, //经度
                   latitude: this.$store.state.user.latitude,//纬度
                   },
+                  tableData1:[],
                   showdisabled:false,
               uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
               customerId: localStorage.getItem('customerId'),
@@ -125,6 +148,7 @@
         //父组件传的
         async initForm(type, unitId) {
             this.getTableDetail(unitId)
+            this.gethistory(unitId)
        
       },
       //获取详情
@@ -147,6 +171,30 @@
            
           
       },
+          //获取预约记录
+          gethistory(id) {
+              console.log(id, "dskljfksdljf");
+              let url = `/voluntary/positionVenues/history`;
+              let params = {
+                positionId:"",
+                pageNo:"",
+                pageSize:"",
+                venueId:id,
+              }
+              requestGet(url,params).then((res) => {
+                  console.log(res);
+                  if (res.code == 0) {
+                      this.tableData1 = res.data
+              
+
+                  } else {
+                      this.$message.error(res.msg)
+                  }
+
+              })
+
+
+          },
         //添加标签
         addDomain() {
           if (this.formData.sponsors.length < 4) {