管理页面更新
This commit is contained in:
parent
e53b0d8f6b
commit
cbf9939491
|
|
@ -95,6 +95,187 @@
|
|||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>通知公告信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="80px" :model="guideInfo" :rules="rules">
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch v-model="noticeInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>参赛报名信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="80px" :model="applyInfo" :rules="rules">
|
||||
|
||||
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch disabled v-model="applyInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>提案提交信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="80px" :model="submitInfo" :rules="rules">
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch disabled v-model="submitInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item label="在线脚本" prop="onlineScript">
|
||||
<el-switch v-model="submitInfo.onlineScript"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item label="脚本接口" prop="onlineInter" v-if="submitInfo.onlineScript">
|
||||
<el-input v-model="submitInfo.onlineInter"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>数据统计信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="80px" :model="chartInfo" :rules="rules">
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch v-model="chartInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>排行榜</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="80px" :model="rankInfo" :rules="rules">
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch v-model="rankInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>交流互动信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="100px" :model="chatInfo" :rules="rules">
|
||||
|
||||
<el-form-item label="交流互动图" prop="imgUrl">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
drag
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
multiple>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="参赛资讯链接" prop="urlOne" >
|
||||
<el-input v-model="chatInfo.urlOne"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="参赛资讯图" prop="logoOne">
|
||||
<el-upload
|
||||
class="upload-icon "
|
||||
drag
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
multiple>
|
||||
<i class="el-icon-plus uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="选手交流链接" prop="urlOne" >
|
||||
<el-input v-model="chatInfo.urlTwo"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="选手交流图" prop="logoTwo">
|
||||
<el-upload
|
||||
class="upload-icon "
|
||||
drag
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
multiple>
|
||||
<i class="el-icon-plus uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item label="专家答疑链接" prop="urlOne" >
|
||||
<el-input v-model="chatInfo.urlThree"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="专家答疑图" prop="logoThree">
|
||||
<el-upload
|
||||
class="upload-icon "
|
||||
drag
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
multiple>
|
||||
<i class="el-icon-plus uploader-icon"></i>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch v-model="chatInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<div>
|
||||
<h4>联系我们信息</h4>
|
||||
<div>
|
||||
<el-form label-position="right" label-width="100px" :model="chatInfo" :rules="rules">
|
||||
|
||||
<el-form-item label="联系我们图" prop="imgUrl">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
drag
|
||||
action="https://jsonplaceholder.typicode.com/posts/"
|
||||
multiple>
|
||||
<i class="el-icon-upload"></i>
|
||||
<div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="是否显示" prop="show">
|
||||
<el-switch v-model="chatInfo.show"></el-switch>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" >保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
|
@ -133,6 +314,34 @@ export default {
|
|||
content:'',
|
||||
contentMd:'',
|
||||
show: false
|
||||
},
|
||||
noticeInfo:{
|
||||
show: false,
|
||||
},
|
||||
applyInfo:{
|
||||
|
||||
show: true,
|
||||
},
|
||||
submitInfo:{
|
||||
show: true,
|
||||
onlineScript: false,
|
||||
onlineInter:'',
|
||||
},
|
||||
chartInfo:{
|
||||
show: false,
|
||||
},
|
||||
rankInfo:{
|
||||
show: false,
|
||||
},
|
||||
chatInfo:{
|
||||
show: true,
|
||||
urlOne:"",
|
||||
urlTwo:"",
|
||||
urlThree:"",
|
||||
logoOne:"",
|
||||
logoTwo:"",
|
||||
logoThree:"",
|
||||
imgUrl:"",
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -146,8 +355,26 @@ export default {
|
|||
</script>
|
||||
<style src="@/assets/css/common.css" scoped/>
|
||||
|
||||
<style scoped>
|
||||
<style lang="scss" scoped>
|
||||
.card-style{
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.upload-icon {
|
||||
/deep/.el-upload-dragger{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
align-items: center; /* 水平居中 */
|
||||
justify-content: center !important; /* 垂直居中 */
|
||||
}
|
||||
.uploader-icon {
|
||||
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue