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