Browse Source

添加预约记录

feature
是小王呀\24601 1 year ago
parent
commit
73fa55f178
  1. 102
      src/views/modules/volunteer/Venuemanagement/info.vue

102
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) {

Loading…
Cancel
Save