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>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form ref="ref_form" :model="formData" :rules="dataRule" class="form"> <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-form-item label="所属组织" prop="agencyName" label-width="100px">
<el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入组织名称" <el-input v-model.trim="formData.agencyName" size="small" clearable placeholder="请输入组织名称"
:disabled="true" class="u-item-width-normal"></el-input> :disabled="true" class="u-item-width-normal"></el-input>
</el-form-item> </el-form-item>
--> -->
<el-form-item label="挂靠阵地" prop="type" label-width="100px"> <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-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" <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 :value="item.value">typeName
<div>{{ formData.typeName }}</div> <div>{{ formData.typeName }}</div>
</el-option> </el-option>
</el-select> --> </el-select> -->
<div>{{ formData.positionName }}</div> <div>{{ formData.positionName }}</div>
</el-form-item> </el-form-item>
<el-form-item label="名称" label-width="100px" prop="name"> <el-form-item label="名称" label-width="100px" prop="name">
<!-- <el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入名称" <!-- <el-input v-model.trim="formData.name" size="small" clearable placeholder="请输入名称"
:disabled="showdisabled" class="u-item-width-normal"></el-input> --> :disabled="showdisabled" class="u-item-width-normal"></el-input> -->
<div>{{ formData.name }}</div> <div>{{ formData.name }}</div>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="linkPhone" label-width="100px"> <el-form-item label="联系电话" prop="linkPhone" label-width="100px">
<div>{{ formData.linkPhone }}</div> <div>{{ formData.linkPhone }}</div>
</el-form-item> </el-form-item>
<!-- <el-form-item label="办公时间" prop="workTime" label-width="100px"> <!-- <el-form-item label="办公时间" prop="workTime" label-width="100px">
<div>{{ formData.workTime }}</div> <div>{{ formData.workTime }}</div>
</el-form-item> --> </el-form-item> -->
<el-form-item label="图片" label-width="100px" prop="attrs"> <el-form-item label="图片" label-width="100px" prop="attrs">
<template> <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"
</template> style="width: 100px; height: 100px;">
</el-form-item> </template>
<!-- <el-form-item label="阵地简介" prop="content" label-width="100px" style="display: block"> </el-form-item>
<!-- <el-form-item label="阵地简介" prop="content" label-width="100px" style="display: block">
<div>{{ formData.content }}</div> <div>{{ formData.content }}</div>
</el-form-item> --> </el-form-item> -->
<el-form-item label="位置" prop="address" label-width="100px" style="display: block"> <el-form-item label="位置" prop="address" label-width="100px" style="display: block">
<div style="width: 300px"> <div style="width: 300px">
<div>{{ formData.address }}</div> <div>{{ formData.address }}</div>
<div id="app_activity" class="div_map"></div> <div id="app_activity" class="div_map"></div>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </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>
<!-- <div class="div_btn"> <!-- <div class="div_btn">
<el-button size="small" @click="handleCancle"> </el-button> <el-button size="small" @click="handleCancle"> </el-button>
@ -97,6 +119,7 @@
longitude: this.$store.state.user.longitude, // longitude: this.$store.state.user.longitude, //
latitude: this.$store.state.user.latitude,// latitude: this.$store.state.user.latitude,//
}, },
tableData1:[],
showdisabled:false, showdisabled:false,
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2', uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'), customerId: localStorage.getItem('customerId'),
@ -125,6 +148,7 @@
// //
async initForm(type, unitId) { async initForm(type, unitId) {
this.getTableDetail(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() { addDomain() {
if (this.formData.sponsors.length < 4) { if (this.formData.sponsors.length < 4) {

Loading…
Cancel
Save