|
|
@@ -49,12 +49,43 @@
|
|
|
width:120px;
|
|
|
height:36px;
|
|
|
}
|
|
|
+// 上传
|
|
|
+/deep/.avatar-uploader .el-upload {
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.avatar-uploader .el-upload:hover {
|
|
|
+ border-color: #409EFF;
|
|
|
+}
|
|
|
+.avatar-uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 68px;
|
|
|
+ height: 68px;
|
|
|
+ line-height: 68px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.avatar {
|
|
|
+ width: 68px;
|
|
|
+ height: 68px;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+.hotel_imgs {
|
|
|
+ /deep/.el-upload--picture-card{
|
|
|
+ width:79px;
|
|
|
+ height: 79px;
|
|
|
+ line-height: 79px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
|
|
<template>
|
|
|
<section>
|
|
|
<p><span>会议管理></span>新增会议</p>
|
|
|
<div class="content">
|
|
|
- <div class="title">新增会议</div>
|
|
|
+ <!-- <div class="title">新增会议</div> -->
|
|
|
<el-form size="small" label-width="140px" class='over_y'>
|
|
|
<el-form-item label="会议名称：">
|
|
|
<el-input
|
|
|
@@ -66,9 +97,9 @@
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
<el-form-item label="主办方：">
|
|
|
- <el-select placeholder="请选择主办方" v-model="form.sponsor">
|
|
|
+ <el-select placeholder="请选择主办方" v-model="form.sponsor" filterable>
|
|
|
<el-option
|
|
|
- v-for="(item, index) in optionList"
|
|
|
+ v-for="(item, index) in organizerList"
|
|
|
:key="index"
|
|
|
:label="item.name"
|
|
|
:value="item.id"
|
|
|
@@ -92,14 +123,11 @@
|
|
|
<el-row>
|
|
|
<el-col :span="10">
|
|
|
<el-form-item label="城市：">
|
|
|
- <el-select placeholder="请选择城市" v-model="form.city">
|
|
|
- <el-option
|
|
|
- v-for="(item, index) in optionList"
|
|
|
- :key="index"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-cascader
|
|
|
+ v-model="value"
|
|
|
+ :options="cityList"
|
|
|
+ @change="handleChangeCity">
|
|
|
+ </el-cascader>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="10" :offset="4">
|
|
|
@@ -115,16 +143,16 @@
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label='是否报名：'>
|
|
|
- <el-radio-group v-model='form.isEnable'>
|
|
|
- <el-radio :label='1'>可报名</el-radio>
|
|
|
+ <el-radio-group v-model='form.is_signup'>
|
|
|
<el-radio :label='0'>不可报名</el-radio>
|
|
|
+ <el-radio :label='1'>可报名</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label='报名需提交信息：'>
|
|
|
- <el-checkbox-group v-model='form.info'>
|
|
|
- <el-checkbox v-for='(item,index) in InfoList' :key='index' :label='item.id'>{{item.name}}</el-checkbox>
|
|
|
+ <el-checkbox-group v-model='form.signup_fields'>
|
|
|
+ <el-checkbox v-for='(item,index) in form.signup_fields' :key='index' :label='item.id'>{{item.name}}</el-checkbox>
|
|
|
</el-checkbox-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -132,27 +160,24 @@
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label='是否热门：'>
|
|
|
- <el-radio-group v-model='form.isEnable'>
|
|
|
- <el-radio :label='1'>热门</el-radio>
|
|
|
+ <el-radio-group v-model='form.is_popular'>
|
|
|
<el-radio :label='0'>不热门</el-radio>
|
|
|
+ <el-radio :label='1'>热门</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label='是否推荐：'>
|
|
|
- <el-radio-group v-model='form.isEnable'>
|
|
|
- <el-radio :label='1'>推荐</el-radio>
|
|
|
+ <el-radio-group v-model='form.is_recommend'>
|
|
|
<el-radio :label='0'>不推荐</el-radio>
|
|
|
+ <el-radio :label='1'>推荐</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
<el-form-item label='封面图：'>
|
|
|
<el-upload
|
|
|
- action="https://jsonplaceholder.typicode.com/posts/"
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
list-type="picture-card"
|
|
|
:on-preview="handlePictureCardPreview"
|
|
|
:on-remove="handleRemove">
|
|
|
@@ -166,14 +191,171 @@
|
|
|
<fuEditor></fuEditor>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="主讲人" name="second">
|
|
|
- <fuEditor></fuEditor>
|
|
|
+ <section style="height:544px;padding:10px 0px;border:1px solid #ccc;">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="主讲人姓名">
|
|
|
+ <el-input placeholder="请输入主讲人姓名" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="主讲人简介">
|
|
|
+ <el-input type="textarea" placeholder="请输入主讲人简介" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="主讲人头像">
|
|
|
+ <el-upload
|
|
|
+ class="avatar-uploader"
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <img v-if="imageUrl" :src="imageUrl" class="avatar">
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="2">
|
|
|
+ <el-button type="normal" icon="el-icon-plus">添加主讲人</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </section>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="酒店信息" name="third">
|
|
|
- <fuEditor></fuEditor>
|
|
|
+ <section class="hotel" style="padding:10px 0px;border:1px solid #ccc;">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="18">
|
|
|
+ <el-form-item label="选择历史酒店">
|
|
|
+ <el-select placeholder="请选择酒店" v-model="form.sponsor" filterable>
|
|
|
+ <el-option
|
|
|
+ v-for="(item, index) in organizerList"
|
|
|
+ :key="index"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button icon="el-icon-plus">添加酒店</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="填写酒店信息"></el-form-item>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="酒店名称">
|
|
|
+ <el-input placeholder="请输入主讲人姓名" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="酒店地址">
|
|
|
+ <el-input placeholder="请输入主讲人姓名" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-form-item label="酒店电话">
|
|
|
+ <el-input placeholder="请输入主讲人姓名" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="酒店图片" class="hotel_imgs">
|
|
|
+ <el-upload
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-form-item label="填写房型信息"></el-form-item>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="房型名称">
|
|
|
+ <el-input placeholder="请输入房型名称" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="可住人数">
|
|
|
+ <el-input placeholder="请输入可住人数" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="房型数量">
|
|
|
+ <el-input placeholder="请输入房型数量" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="面积">
|
|
|
+ <el-input placeholder="请输入面积" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="楼层">
|
|
|
+ <el-input placeholder="请输入楼层" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="床型">
|
|
|
+ <el-input placeholder="请输入床型" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="餐食">
|
|
|
+ <el-input placeholder="请输入餐食" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="5">
|
|
|
+ <el-form-item label="窗户">
|
|
|
+ <el-input placeholder="请输入窗户" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="房型">
|
|
|
+ <el-input placeholder="请输入房型" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="4">
|
|
|
+ <el-form-item label="房价">
|
|
|
+ <el-input placeholder="请输入房价" v-model="form.address"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="酒店图片" class="hotel_imgs">
|
|
|
+ <el-upload
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
+ list-type="picture-card"
|
|
|
+ :on-preview="handlePictureCardPreview"
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+ <span style='font-size:12px;color:#999999;'>建议图片尺寸为：210*160</span>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="normal" icon="el-icon-plus">添加主讲人</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </section>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-form-item>
|
|
|
- <el-form-item>
|
|
|
+ <el-form-item style="position:fixed;bottom:20px;right:60px;">
|
|
|
<el-button type='primary'>预览</el-button>
|
|
|
<el-button type='success'>发布</el-button>
|
|
|
<el-button type='default'>保存并新增</el-button>
|
|
|
@@ -192,25 +374,42 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- form: {info:[]},
|
|
|
+ form: {
|
|
|
+ is_signup:0,
|
|
|
+ is_popular:0,
|
|
|
+ is_recommend:0,
|
|
|
+ signup_fields:[
|
|
|
+ { name: "姓名", id: "1" },
|
|
|
+ { name: "性别", id: "2" },
|
|
|
+ { name: "年龄", id: "3" },
|
|
|
+ { name: "职务", id: "4" },
|
|
|
+ { name: "职称", id: "5" },
|
|
|
+ { name: "职称", id: "5" },
|
|
|
+ ]
|
|
|
+ },
|
|
|
optionList: [
|
|
|
{ name: "成都交通", id: "1" },
|
|
|
{ name: "成都交通", id: "1" },
|
|
|
],
|
|
|
- InfoList:[
|
|
|
- { name: "姓名", id: "1" },
|
|
|
- { name: "性别", id: "2" },
|
|
|
- { name: "年龄", id: "3" },
|
|
|
- { name: "职务", id: "4" },
|
|
|
- { name: "职称", id: "5" },
|
|
|
- { name: "职称", id: "5" },
|
|
|
- ],
|
|
|
+
|
|
|
+ organizerList:[],
|
|
|
+ cityList:[],
|
|
|
activeName:'first',
|
|
|
+ imageUrl:""
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleAvatarSuccess(){
|
|
|
+
|
|
|
+ },
|
|
|
+ beforeAvatarUpload(){
|
|
|
+
|
|
|
+ },
|
|
|
handleClick(){
|
|
|
|
|
|
+ },
|
|
|
+ handleChangeCity(value){
|
|
|
+ console.log(value,222222222)
|
|
|
},
|
|
|
gopage(size) {
|
|
|
if (size) {
|
|
|
@@ -226,11 +425,11 @@ export default {
|
|
|
},
|
|
|
getData() {
|
|
|
var parm = this.form;
|
|
|
- this.loading = true;
|
|
|
- this.$api.getEnterpriseList(parm).then((res) => {
|
|
|
- this.list = res.data.data.list;
|
|
|
- this.total = res.data.data.total;
|
|
|
- this.loading = false;
|
|
|
+ this.$api.getAllOrganizer().then((res) => {
|
|
|
+ this.organizerList = res.data.data;
|
|
|
+ });
|
|
|
+ this.$api.getCityList().then((res) => {
|
|
|
+ this.cityList = res.data.data;
|
|
|
});
|
|
|
},
|
|
|
del(id) {
|
|
|
@@ -248,8 +447,7 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
|
- // this.getPermissions()
|
|
|
- // this.getData()
|
|
|
+ this.getData()
|
|
|
},
|
|
|
};
|
|
|
</script>
|
xjc