添加预约记录

src/views/modules/volunteer/Venuemanagement/info.vue

@@ -2,7 +2,6 @@
     <div>
 
         <div class="dialog-h-content scroll-h">
-
             <el-form ref="ref_form" :model="formData" :rules="dataRule" class="form">
                 <!-- <el-col :span="12">
                         <el-form-item label="所属组织" prop="agencyName" label-width="100px">
@@ -32,7 +31,8 @@
                         </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;">
+                        <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">
@@ -45,6 +45,28 @@
                     </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)
        
       },
       //获取详情
@@ -146,6 +170,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() {